CSS的一些Bug

样式覆盖

.center 中的段落背景色都是红色 但愿其中的.inner 是白色，结果都是红色。
.center p{
    background-color: red;}
.inner{
    background-color:white;}
由于浏览器认为.inner没有.center p 特殊。因此如下修改
.center .inner{}

外边距重叠

当你有垂直方向的div布局时，两个20px的外边距可能重叠成一个20px的外边距，这就是外边距重叠bug。方法是增长边框或内边距。

三像素文本偏移

浮动元素旁边是一个不围绕此元素的文本，这时文本和浮动元素间有一个三像素的间距。
1.文本设置任意高度，来迫使成为布局元素，可是布局元素会在浮动元素旁边，因此之前的margin须要设置为0px。
设置任意高度限于IE6如下，margin设置在IE5 6.
2.这是浮动元素又会出现3px偏移，设置margin：-3px。
3.若是浮动元素是图像，IE5会左右增长3pxmargin IE6不会增则还须要对IE5 6 进项设置。margin：0 -3px；margin：0；

IE6重复字符

一系列浮动元素间有注释时会出现 删除注释 由于修改bug会对IE7有影响。

IE6藏猫猫

浮动元素后跟着非浮动元素，而后是清除元素，中间非浮动的元素文本可能会消失。
指定行高或者position：relative；

相对容器中的绝对定位

这个bug常常在IE6如下的浏览器出现。此时的绝对布局会相对于页面，而不是父类标签。
方法：让IE6一下的相对容器得到布局设置显示的宽高。

IE的布局元素

IE中拥有布局的元素负责控制自己盒子元素尺寸和定位。若是没有则最近的布局父元素控制。（布局只是在IE中有 CSS中没有） 布局元素：body html(标准) table tr td img hr input select textarea button iframe embed object marquee css属性使其拥有布局：float：left right；diaplay：inline-block； width heigth zoom writing-mode：tb-tr； IE7支持：overflow：hiddle scroll auto三个值； min-width：全部值； max-width：除了none； 布局特性：1布局元素不会收缩 2自动清理浮动 3相对定位的没有布局 4布局元素见外边距不叠加                 5没有布局的块级链接单击区域只覆盖文本 6滚动时列表背景间歇性闪烁