IE6下的文字溢出BUG
2014-03-31 22:23
232 查看
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>IE6下的文字溢出BUG</title>
<style>
.box{ width:400px;}
.left{float:left;}
.right{width:400px;float:right;}
</style>
</head>
<body>
<div class="box">
<div class="left"></div>
<div><!-- IE6下的文字溢出BUG --><span></span></div>
<div class="right">↓leo是个大胖子</div>
</div>
<!--
在IE6下的文字溢出BUG
子元素的宽度和父级的宽度相差小于3px的时候,两个浮动元素中间有注释或者内嵌元素
解决办法:用div把注释或者内嵌元素用div包起来
-->
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>IE6下的文字溢出BUG</title>
<style>
.box{ width:400px;}
.left{float:left;}
.right{width:400px;float:right;}
</style>
</head>
<body>
<div class="box">
<div class="left"></div>
<div><!-- IE6下的文字溢出BUG --><span></span></div>
<div class="right">↓leo是个大胖子</div>
</div>
<!--
在IE6下的文字溢出BUG
子元素的宽度和父级的宽度相差小于3px的时候,两个浮动元素中间有注释或者内嵌元素
解决办法:用div把注释或者内嵌元素用div包起来
-->
</body>
</html>
相关文章推荐
- 【转】IE6文字溢出BUG
- DIV+CSS页面设计中的IE6的文字溢出BUG
- IE6文字溢出Bug:多出一只猪
- 【IE6的疯狂之四】IE6文字溢出BUG
- IE6文字溢出BUG
- IE6下BUG 文字溢出
- IE6出现重复字符(文字溢出)的bug
- IE6的3PX(像素)BUG,造成文字溢出
- IE6文字溢出BUG
- DIV+CSS页面设计中的IE6的文字溢出BUG
- IE6文字溢出bug解决办法
- <转>IE6浏览器网页文字溢出的解决办法(重复字符bug)---隐藏float对其他float造成影响
- IE6文字溢出BUG(多出来的猪问题)
- 【IE6的疯狂之四】IE6文字溢出BUG
- DIV+CSS页面设计中的IE6的文字溢出BUG
- IE6重影的解决方法(关于注释引起的文字溢出/3px Bug/双float<浮动>元素字符)
- 解决在IE6下使用float,出现重复文字的BUG
- ie6bug之溢出隐藏
- IE6文字溢出
- IE6下button随着文字的增多两边的内容边框也会增加的bug