前端工程师IE6兼容性问题随笔（未完待续）

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将注释和内嵌元素包起来，或者将父级的宽度设置大一点。

转载于:https://www.cnblogs.com/yangqiongfu/p/4948622.html