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滾動時列表背景間歇性閃爍