在網(wǎng)站開發(fā)中，Div+CSS是必不可少的，然而在開發(fā)過程中，還是會出現(xiàn)各種的錯誤，Div+CSS是網(wǎng)站規(guī)范（或稱“WEB規(guī)范”）中常用的專業(yè)術(shù)語之一，一般以便說明與HTML網(wǎng)頁設(shè)計語言中的表格（table）定位方式的差別，
由于XHTML網(wǎng)站設(shè)計規(guī)范中，不再使用表格定位技術(shù)，反而是選用Div+CSS的方式完成各種定位。運用應(yīng)用Div+CSS編碼時非常容易犯一些錯誤。小派列舉了經(jīng)常出現(xiàn)的一些錯誤，供大家參考！
1、檢測HTML元素是不是有拼寫錯誤、是否忘了結(jié)束標(biāo)識
就算是老手也常常會搞錯div的嵌套關(guān)系?？梢杂胐reamweaver的檢驗功能檢查有沒有錯誤。
2、找尋產(chǎn)生錯誤的具體位置
假如錯誤干擾了總體布局，則可以逐一刪掉div塊，直至刪掉某個div塊后顯示完全恢復(fù)，就可以確認(rèn)錯誤產(chǎn)生的部位。
3、檢測CSS是否恰當(dāng)
檢測CSS是否出現(xiàn)拼寫錯誤、是不是忘了結(jié)尾的}等?？梢赃\用CleanCSS來檢測，CSS的拼寫錯誤。CleanCSS本是為CSS瘦身的專用工具，但還可以檢測出拼寫錯誤。
4、運用border屬性確認(rèn)出錯元素的布局特性
選用float屬性布局無意間就會出錯。這時候為元素加上border屬性確認(rèn)元素界限，錯誤原因即真相大白。
5、盡可能給float元素特定width屬性
許多瀏覽器在顯示未指定width的float元素時會有bug。因而無論float元素的內(nèi)容怎樣，必須要為其特定width屬性。此外特定元素時盡可能選用em而不是px做單位。
6、留意float元素的父元素不可以指定clear屬性
MacIE下假如對float的元素的父元素選用clear屬性，周邊的float元素布局就會錯亂。這也是MacIE的有名的bug，假若不清楚就會迷失方向。
7、float元素不可以指定margin和padding等屬性
IE在顯示指定了margin和padding的float元素時有bug。因而不可以對float元素指定margin和padding屬性（可以在float元素內(nèi)部嵌套一個div來設(shè)定margin和padding）。還可以選用hack方法為IE特定特別的值。
8、是否重置了默認(rèn)的樣式？
某一些屬性如margin、padding等，不同瀏覽器會有不一樣的解析。因而最好在開發(fā)前先將整體的margin、padding設(shè)定為0、列表樣式設(shè)定為none等。
9、float元素的寬度總和要低于100%
假如float元素的寬度總和恰好是100%，一些原始的瀏覽器將無法正常顯示。因而請確保寬度總和低于99%。
10、是否忘記了寫DTD？
假如不管怎樣調(diào)節(jié)不同瀏覽器顯示結(jié)果依然不同，那么可以檢查一下頁面打頭是否忘記了寫下面這行DTD。（即HTML代碼上邊的聲明）
以上就是經(jīng)常出現(xiàn)的一些錯誤，大家在開發(fā)網(wǎng)站的過程中，一定要細(xì)心，不要投機(jī)取巧，嚴(yán)格按照規(guī)范去寫代碼，寫的多了，自然就熟悉了，不會在出現(xiàn)這種問題，希望這些能幫到大家！
更多網(wǎng)站開發(fā)、廣州網(wǎng)站開發(fā)、網(wǎng)站開發(fā)公司等相關(guān)需求，歡迎您咨詢派點互動！
