理解盒模型

DIV+CSS有兩種盒模型

標準w3c盒模型

IE盒模型

如何讓瀏覽器可以按標準盒模型來處理，就是在網頁的頂部加上DOCTYPE聲明。若是不加 DOCTYPE聲明，那麼各個瀏覽器會根據本身的行爲去理解網頁。

標準盒模型中width和height指的是內容區域的寬度和高度，增長內邊距、邊框和外邊距不會影響內容區域的尺寸，可是會增長元素框的總尺寸；但在IE6瀏覽器的width不是內容的寬度，而是內容、內邊距和邊框的寬度總和。

實際上IE的盒模型更加合理，w3c意識到了這個問題，從新定義盒模型是不可能的，因此在CSS3中，有這個屬性：box-sizing，其有兩個可選值，一個是默認的content-box一個是border-box，選用後者，盒模型將按IE6的方式進行處理。