IE6之各种不适记录

IE6双倍外边距

IE6双倍margin bug也就是IE6双倍外边距bug是 IE6 最著名的bug之一。它出现条件是：父元素与子元素之间，子元素同时设置了浮动和外边距属性，子元素会出现此bug，兄弟元素之间则不会。

解决的办法是给给子元素加上 display:inline 属性。如上例子给#left加上 display:inline 属性。

下面是一段代码
<style type="text/css">
body {margin:0}
div { margin-left:10px; 200px; height:200px; float:left;}

</style>

浮动后本来外边距10px,但IE解释为20px,解决办法是加上display:inline。即改为
<style type="text/css">
body {margin:0}
div { margin-left:10px; 200px; height:200px; float:left; display:inline；}

</style>