1. 图片 img 标签,在IE浏览器下会有空白
 - 解决办法:display:block;

2. IE6 下父级没有宽高,不会触发haslayout。
 触发原因:子级浮动,父级没有宽高,overflow失效
 - 父级加 zoom:1;

3. 躲猫猫
 触发原因:一个元素浮动了,同级的元素未浮动。clear:both; 元素有一个border。
 - 解决办法:都浮动

4. 双边距
 触发原因:margin-left float:left
 触发原因:margin-right float:right
 - 解决办法:display:inline

5. ie6 子级会撑开父级
 - 解决办法:父级overflow:hidden
 2.子级加绝对定位

??6. ie6 行高失效
 触发原因:文字后有 inline-block 元素时触发
 - 解决办法:给 inline-block 元素加上 vertical-align:middle;
 - 解决办法:给 inline-block 元素加上 margin=(行高-input高)/2

7. margin 负值
 触发原因:ie6不能超出父级
 - 解决办法:子级身上加 position:relative;

8. IE6 最小高度 12px
 - 解决办法:overflow:hidden;
 - 解决办法:font-size:2px; 不靠谱
 chrome浏览器支持12PX字体大小

9. IE6 单像素bug
 - 解决办法:别用奇数

10. IE6 3像素bug
 触发原因:有一个元素浮动了,另一个元素未浮动
 - 解决办法:都浮动

11. li 下面默认的间距
 1.用浮动
 2.vertacal-align:top;

12. 最小宽度
 _width

13. ie6 注释bug
 触发原因:
  父级
   width:300px;
   margin:20px auto;
   overflow:hidden;
  子级:
   width:100%; float:left;

两个浮动的文本间有注释

- 解决办法:浮动的元素 background:none;
 - 解决办法:去掉注释。

14. 双浮动bug
 触发原因:给浮动的元素身上加 绝对定位
 - 解决办法:1.去掉绝对定位
 2.加上top/left

05-27 01:44