CSS 常见bug

CSS 常见bug

1.IE6及更早浏览器浮动时产生双倍边距的BUG

所谓的IE6双倍边距就是指当元素有float属性，又有margin属性时，在IE6下面显示的margin的值是设置值的两倍。这个是IE6比较著名的BUG。 解决的方法就是_display:inline。

2.IE6元素最小高度的问题

在IE6下面，如果想给把元素设置成19像素以下的高度是设置不了的。这是因为IE6浏览器里面有个默认的高度， iE6下这个问题是因为默认的行高造成的,解决方法是给元素加 overflow:hidden; 就可以了。

3.IE7及更早浏览器下当li中出现2个或以上的浮动时，li之间产生的空白间隙的BUG？

vertical-align:top;
除了top值，还可以设置为 middle | bottom 等都可以

4.IE6中奇数宽高的BUG

IE6还有奇数宽高的bug，解决方案就是将外部相对定位的div宽度改成偶数。
反正不要用基数就行了。

5.了解ie6盒子会撑高的特性

ie下面的盒子， 即使你给与了宽度和高度，但是内容超过盒子大小的时候，盒子仍然会被撑大，解决方法就是添加 overflow:hidden;