标签:
1 height.在IE6下元素高度小于19px的时候,会被当做19px来处理。
解决办法:用overflow:hidden;来处理
.box{height:2px;background:red;overflow:hidden;}
2 1px dotted(1px的点线)在IE6下不支持
解决办法:且背景图片平铺
3 margin.兼容性问题的爆发点。无法触发haslayout,无法解决margin的传递,在IE6下父级有边框的时候(也 就是设置了border的三元素的时候),子元素的margin值会消失。
解决办法:触发父级的haslayout
zoom:1;
4 float.IE6下双边距BUG,IE6下块元素有浮动和横向的margin值,横向的margin值会被放大成两倍。
margin-right 一行中右侧的第一个元素有双边距
margin-left 一行中左侧的第一个元素有双边距
解决办法:display:inline;
5 li .IE6/7下,li本身没浮动,但是li里的内容有浮动,li下边就会产生一个间隙
解决办法:1:给li家浮动
2:给li加vertical-align
6 当IE6下最小高度问题和li的间隙问题共存的时候,给li加浮动
解决办法:overflow:hidden;float:left;width:300px;
7 父级元素宽度与子集宽度总和占有问题(设置margin:Xpx;):
当一行子元素占有的宽度之和和父级的宽度相差超过3px;或者其中有一行不满行,也就是横排不满的状态时,最后一行子元素的下margin载IE6下就会失效。
8 IE6下的文字溢出BUG
子元素的宽度和父级的宽度相差小于3px的时候,两个浮动元素中间有注释或者有内嵌元素。就会溢出到下行
解决办法:用DIV将注释和内嵌元素包起来,或者将父级的宽度设置大一点。
标签:
原文地址:http://www.cnblogs.com/yangqiongfu/p/4948622.html