隨著WEB2.0標準化設計理念的普及,國內(nèi)很多大型門戶網(wǎng)站已經(jīng)紛紛采用DIV+CSS制作方法。但是在使用div+css網(wǎng)站頁面布局時會遇到一些問題，現(xiàn)在長沙做網(wǎng)站依照自己多年的工作經(jīng)驗總結(jié)了如下在使用div+css需要注意的地方。

　　1、ul：默認的ul的margin和padding不是0，如果在導航中用到了左浮動的li，往往會把外部的div撐大，導致頁面變形，改成： ul{margin:0px; padding:0px;}

　　2、img：
　　①這里牽涉的不同瀏覽器的問題，ie6里顯示的圖片height總是要大于準確值，這里就需要我們記住下面這一點 img{ display：block}；
　　②頁面中最好不要用大塊背景，能平鋪的要平鋪，否則加載起來會很慢，也不利于以后的優(yōu)化和擴展，當然也有些大的網(wǎng)站，現(xiàn)在都盡量把背景統(tǒng)一放到一張圖片上，用background-postion來取得背景。
　　③最好的格式就是gif格式，即確保了背景透明，在ie6中又不會有陰影，有時gif圖片會有鋸齒，這就需要我們保存成web格式，設置一下matter，matter的值用背景顏色的值越相近越好。

　　3、overflow：有時一些公司的注冊協(xié)議都是很長，這就用到了overflow，可以把div的style里加上這個：overflow：auto

　　4、float：有時候一些div會擠到頁面的上方，這里可能就是浮動引起的，可以加上clear：both。

　　5、div：height等于1px的div，在ie6中可能并不是1px，在這個div的style里加上font-size：1px;這樣就ok了。

　　6、id和class：當一個樣式在頁面中多次使用時，不要用id，要用class，要使用js的時候，樣式最好不要用id，因為id要留給js使用。

　　7，link：.link：link{}、.link：visited{}、.link：hover{}、.link：active{}。有一點，visited與hover的順序一定不能倒換，否則ie6中會大大的問題。
　　從事頁面重構(gòu)工作，從局部細節(jié)到頁面的整合，然后再看整體系統(tǒng)的結(jié)構(gòu)。在各個步驟，都有不同的處理技巧和重構(gòu)的思想方式。原創(chuàng)總結(jié)了自己犯的一些錯誤，和細節(jié)處理的問題，以便讓您更靈活的掌握這門技術(shù)，提高制作效率和可用性。