IE5及以下的瀏覽器對CSS不太友好，而IE6及以上的瀏覽器對CSS更加友好，這個時候就出現了Quirks 模式與 Standards 模式

    Quirks 模式即為怪異模式， Standards 模式即為標準模式；兩種模式的出現必然會出現一定的相容問題，在標準模式下如何相容怪異模式下書寫的CSS呢？在IE6下我們用DTD作為衡量標準，如果有DTD出現，那這個頁面將會優先選擇Standards 模式下CSS的寫法，如果沒有DTD，則採用原來的相容寫法。

    Quirks 模式與 Standards 模式下遇到的問題：

    1：在Quirks 模式下maigin:0 auto;是無效的，而 Standards 模式是有效的；

    2：在Quirks 模式下給元素設定高度寬度包括了padding和border，會直接改變其大小，而在 Standards 模式下給行內元素設定寬高是無效的！同樣百分比的高度也是如此

box-sizing:content-box; 標準模式

box-sizing:border-box;怪異模式

使用時需要加私有字首