DIV CSS 佈局教程網

保持清除浮動

總會有頁面要將某個元素浮動起來，如果是定寬的那麼還好辦。如果是不定寬度的，那麼要清除下浮動--畢竟其他元素不一定都是浮動的。總之，時刻記得清除浮動是個好的習慣（譯注：也可以參看我以前的文章：《CSS別忘記清除浮動》）。

調試的技巧

雖然有多年針對IE6的CSS調試經驗，一些常見的問題我知道如何去解決，但真的碰到很頭痛的問題時，那時我通常會這樣解決：

◆打開電腦，載入IE6
◆確保安裝了IEAccessibility工具條
◆點擊工具條上的“編輯CSS”
◆然後我開始“變魔術”
◆尋找錯誤

設定背景色

我經常會在指定的大塊元素上設定個背景色

#content{  
background-color:red;  
}  
 
#sidebar{  
background-color:blue;  
}  

這能讓我知道是哪塊元素出了問題（譯注：我喜歡用“red”高亮，因為好打而且顯眼）。

隱藏元素

然後開始逐級的隱藏該塊元素中的內容，首先是最大的塊

#sidebar{  
display:none;  
}  
 

如果問題消失了，那麼再逐級在塊中尋找出問題的元素，比如

#sidebar.sub-item{  
display:none;  
}  
 

或者

#sidebar.sub-item.sub-sub-item{  
display:none;  
}  
 

使用這一方法，通常就能精確的定位哪個元素造成的問題（按照經驗通常是<div>或者是<p>）。