具體嵌套寫法

　　遵循上面得嵌套方式，

的時候，你會發現你的間隙十分難控制，一般情況下，IE6和IE7會憑空多一些間距。但很多情況你來到下一行，間隙就沒了，但是前面的內容又空了很大一塊，出現這種情況雖然你可以改變IE的Margin，然后調整Firefox下面的Padding，以便使得兩者顯示起來得效果很相似，但是你得CSS將變得臭長無比，你不得不多考慮更多可能出現這種問題補救措施，雖然你知道千篇一律來兼容它們，但是你會煩得要命。 然后在CSS 里面告訴 ul {Margin:0px;Padding:0px;list-style:none;}，其中list-style:none是不讓
• 標記的最前方顯示圓點或者數字等目錄類型的標記，因為IE和Firefox顯示出來默認效果有些不一樣。因此這樣不需要做任何手腳，你的IE6、和IE7、Firefox顯示出來的東西(外距，間距，高度，寬度)就幾乎沒什么區別了，也許細心的你會在某一個時刻發現一、兩個象素的差別，但那已經很完美了，不需要你通過調整大片的CSS來控制它們的顯示了，你愿意，你可以僅僅兼容一兩個地方，而且通常這種兼容可以適應各種地方，不需要你重復在不同的地方調試不同的兼容方式–減輕你的煩。你可以ul.class1, ul.class2, ul.class3 {xxx:xxxx}的方式方便的整理出你要兼容的地方，而統一兼容。嘗試一下吧，再也不要亂嵌套了，雖然在Div+CSS的方式下你幾乎可以想怎么嵌套就怎么嵌套，但是按照上面的規律你將輕松很多，從而事半功倍!

   

  　　文章轉自Java中文網:http://www.javaweb.cc/language/css/13294.shtml