最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
ie6 文字溢出bug(注释bug) 双倍边距(margin)的bug 宽度100%问题解决方法
时间:2011-07-23 编辑:简简单单 来源:一聚教程网
-
一个容器包含2两个具有“float”样式的子容器。
- 第二个容器的宽度大于父容器的宽度,或者父容器宽度减去第二个容器宽度的值小于3
- 在第二个容器前存在注释(这也是为什么此bug也叫做“IE6注释bug”的原因)。
- 改变结构,不出现【一个容器包含2两个具有“float”样式的子容器】的结构。——此解决方案的评论:疯了!因噎废食的做法。
- 减小第二个容器的宽度,使父容器宽度减去第二个容器宽度的值大于3,例如将本文示例中第二个子容器的宽度改为197px.——此解决方案的评论:在满足页面布局的前提下可以使用。但是当情况比较复杂的时候,可能实施起来比较困难。
- 去掉所有的注释。——此解决方案的评论:最直接的做法,但是“没有注释的代码”,的确不是一个好的代码写作习惯。
- 修正注释的写法。将 这种注释写法很欣赏。
- 在第二个容器后面加一个或者多个来解决。——此解决方案的评论:另人感觉很不爽的解决方案。但是的确能解决。影响网页效率
4、附上示例代码
这个文字溢出bug很奇怪
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
|
< div style = " float:left; width:140px; height:200px; background-color:#EBB9FB; padding:10px" >我是左浮的div div > < div style = "background-color:#CCCCCC; border:#CC9933 solid 1px; margin-left:170px" > < table border = "0" cellpadding = "0" cellspacing = "0" style = "width:100%;" > < thead > < tr style = "background-color:#00CCCC" > < td >姓名 td > < td >年龄 td > < td >大学 td > < td >性别 td >
tr >
thead > < tbody > < tr > < td >大傻 td > < td >33 td > < td >浙江大学 td > < td >男 td >
tr > < tr > < td >二傻 td > < td >32 td > < td >中国计量学院 td > < td >男 td >
tr >
tbody >
table >
div > |
- 宽度不要设成100%,设成99%即可。
- 如果宽度一定要100%,则可在表格外面的div中加上样式 _height:1% 就可以解决问题。
-
下一个: CSS实现跟随滚动条漂浮层
相关文章
- OCR文字识别App使用效果分享 10-23
- 文字识别OCR软件推荐 10-23
- ps如何制作3d圆柱体效果英文字体 07-18
- 咔叽相机怎么输入文字 07-18
- ppt文字动画怎么制作 07-17
- fireworks如何制作一段文字gif动画 07-16