在網站開發(fā)中，Div+CSS是必不可少的，然而在開發(fā)過程中，還是會出現各種的錯誤，Div+CSS是網站規(guī)范（或稱“WEB規(guī)范”）中常用的專業(yè)術語之一，一般以便說明與HTML網頁設計語言中的表格（table）定位方式的差別，

由于XHTML網站設計規(guī)范中，不再使用表格定位技術，反而是選用Div+CSS的方式完成各種定位。運用應用Div+CSS編碼時非常容易犯一些錯誤。小派列舉了經常出現的一些錯誤，供大家參考！

1、檢測HTML元素是不是有拼寫錯誤、是否忘了結束標識

 就算是老手也常常會搞錯div的嵌套關系?？梢杂胐reamweaver的檢驗功能檢查有沒有錯誤。

2、找尋產生錯誤的具體位置

 假如錯誤干擾了總體布局，則可以逐一刪掉div塊，直至刪掉某個div塊后顯示完全恢復，就可以確認錯誤產生的部位。

3、檢測CSS是否恰當

 檢測CSS是否出現拼寫錯誤、是不是忘了結尾的}等?？梢赃\用CleanCSS來檢測，CSS的拼寫錯誤。CleanCSS本是為CSS瘦身的專用工具，但還可以檢測出拼寫錯誤。

4、運用border屬性確認出錯元素的布局特性

 選用float屬性布局無意間就會出錯。這時候為元素加上border屬性確認元素界限，錯誤原因即真相大白。

5、盡可能給float元素特定width屬性

 許多瀏覽器在顯示未指定width的float元素時會有bug。因而無論float元素的內容怎樣，必須要為其特定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元素內部嵌套一個div來設定margin和padding）。還可以選用hack方法為IE特定特別的值。

8、是否重置了默認的樣式？

 某一些屬性如margin、padding等，不同瀏覽器會有不一樣的解析。因而最好在開發(fā)前先將整體的margin、padding設定為0、列表樣式設定為none等。

9、float元素的寬度總和要低于100%

 假如float元素的寬度總和恰好是100%，一些原始的瀏覽器將無法正常顯示。因而請確保寬度總和低于99%。

10、是否忘記了寫DTD？

 假如不管怎樣調節(jié)不同瀏覽器顯示結果依然不同，那么可以檢查一下頁面打頭是否忘記了寫下面這行DTD。（即HTML代碼上邊的聲明）

以上就是經常出現的一些錯誤，大家在開發(fā)網站的過程中，一定要細心，不要投機取巧，嚴格按照規(guī)范去寫代碼，寫的多了，自然就熟悉了，不會在出現這種問題，希望這些能幫到大家！

更多網站開發(fā)、廣州網站開發(fā)、網站開發(fā)公司等相關需求，歡迎您咨詢派點互動！