標準模式與混雜模式

1，當瀏覽器廠商開始建立與標準相容的瀏覽器時，他們希望確保向後相容性。為了實現這一點，他們建立了兩種呈現模式：標準模式和混雜模式。在標準模式下瀏覽器按照規範呈現頁面；在混雜模式下，頁面以一種比較寬鬆的向後相容的方式顯示。混雜模式通常模擬老式瀏覽器的行為以防止老站點無法工作。

2，區分：瀏覽器根據doctype（文件宣告）是否存在以及使用那種dtd來選擇要使用的呈現方式。如果xhtml和html文件保航形式完整的doctype，那麼它一般以標準模式呈現。相反，如果文件的doctype不存在或者形式不正確則導致html和xhtml以混雜模式呈現。

3，兩種模式下的盒模型：

標準模式下盒子的實際寬度為：width + padding-left + padding-right + border-left-width + border-right-width

實際高度為：heigth + padding-top +padding-bottom + border-top-width + border-bottom-width

混雜模式下盒子的實際寬度為：css中設定的width值，高度為設定的height值。當然在沒有設定overflow的情況下，若盒子內容、內邊距、或是邊框的值較大，會把盒子撐開，實際寬度和高度則大於設定值。