人沒有完人，任何人都會犯錯，但是犯錯也要看是大的錯誤，還是小的錯誤，今天就總結一下我們平時建站中關於網站製作職位經常用到的 css 樣式中經常出現的錯誤吧，希望有些問題不是問題的問題大家能夠切記！比如拼寫錯誤，規範性等。

1. 檢查 HTML 元素是否有拼寫錯誤、是否忘記結束標記
即使是老手也經常會弄錯 div 的巢狀關係。可以用 dreamweaver 的驗證功能檢查一下有無錯誤。
2. 檢查 CSS 是否書寫正確
檢查一下有無拼寫錯誤、是否忘記結尾的 } 等。可以利用 CleanCSS 來檢查 CSS 的拼寫錯誤。 CleanCSS 本是為 CSS 減肥的工具，但也能檢查出拼寫錯誤。
3. 用刪除法確定錯誤發生的位置
如果錯誤影響了整體佈局，則可以逐個刪除 div 塊，直到刪除某個 div 塊後顯示恢復正常，即可確定錯誤發生的位置。
4. 利用 border 屬性確定出錯元素的佈局特性
使用 float 屬性佈局一不小心就會出錯。這時為元素新增 border 屬性確定元素邊界，錯誤原因即水落石出。
5. float 元素的父元素不能指定 clear 屬性
MacIE 下如果對 float 的元素的父元素使用 clear 屬性，周圍的 float 元素佈局就會混亂。這是 MacIE 的着名的 bug，倘若不知道就會走彎路。
6. float 元素務必指定 width 屬性
很多瀏覽器在顯示未指定 width 的 float 元素時會有 bug 。所以不管 float 元素的內容如何，一定要為其指定 width 屬性。
另外指定元素時儘量使用 em 而不是 px 做單位。
7. float 元素不能指定 margin 和 padding 等屬性
IE 在顯示指定了 margin 和 padding 的 float 元素時有 bug 。因此不要對 float 元素指定 margin 和 padding 屬性 (可以在 float 元素內部巢狀一個 div 來設定 margin 和 padding) 。也可以使用 hack 方法為 IE 指定特別的值。
8. float 元素的寬度之和要小於 100%
如果 float 元素的寬度之和正好是 100%，某些古老的瀏覽器將不能正常顯示。因此請保證寬度之和小於 99% 。
9. 是否重設了預設的樣式?
某些屬性如 margin 、 padding 等，不同瀏覽器會有不同的解釋。因此知名在開發前先將全體的 margin 、 padding 設定為 0 、列表樣式設定為 none 等。
10. 是否忘記了寫 DTD?
如果無論怎樣調整不同瀏覽器顯示結果還是不一樣，那麼可以檢查一下頁面開頭是不是忘了寫下 DTD 宣告。