浏览器兼容性及解决方案 (2)

在IE6下,块元素有浮动和横向的margin,横向的margin值会被放大两倍

解决办法:转成内嵌
IE6下,margin-left 左侧的第一个元素双边距
      margin-right右侧的第一个元素双边距


在IE6-7下,一行元素的宽度之和与父级的宽度相差大于3px,最后一行的下margin失效

解决办法:无解(不要使用下margin)


在IE6下,内容会撑开设置好的元素的宽高


在IE6-7下,LI 里面的元素都加浮动了,但是 LI 本身没有加浮动,LI 下边会多出一个空隙

解决办法:给 LI 加浮动(不建议使用,比较麻烦)
         给 Li 加上垂直对齐(vertical-align: top)


在IE6下,两个浮动元素之间有注释或者有内嵌元素,并且浮动元素的宽度和父级的宽度相差小于 3px,元素最后的文字会被复制的

解决办法:用 div 把注释和内嵌包起来


在IE6-7下,浮动元素的父级在有宽度的情况下,无须清除浮动

haslayout:当 haslayout 设置为 true 时,根据当前元素的父级或者元素自身的内容重新计算当前元素的宽高尺寸
haslayout 的触发条件:
    display : inline-block;
    height : 任何值除了 auto
    float: left / right
    position : absolute
    width : 任何值除了 auto
    writing-model : tb-rl
    zoom : 除 normal 之外的任意值【1】缩放的倍数