所有html元素可以看作盒子，在css中，"box model"這一術語是用來設計和布局時使用。
css盒模型本質上是乙個盒子，封裝周圍的html元素，它包括：外邊距(padding)，邊框(border)，內邊距(margin)，和實際內容(content)。
盒模型允許我們在其它元素和周圍元素邊框之間的空間放置元素。
下面的說明了盒子模型(box model)：
一旦為頁面設定了恰當的 dtd，大多數瀏覽器都會按照上面的圖示來呈現內容。然而 ie 5 和 6 的呈現卻是不正確的。根據 w3c 的規範，元素內容佔據的空間是由 width 屬性設定的，而內容周圍的 padding 和 border 值是另外計算的。不幸的是，ie5.x 和 6 在怪異模式中使用自己的非標準模型。這些瀏覽器的 width 屬性不是內容的寬度，而是內容、內邊距和邊框的寬度的總和。
ie盒子模型如下所示
ie5.5及更早的版本使用的是ie盒模型。ie6及其以上的版本在標準相容模式下使用的是w3c的盒模型標準。我們說這是乙個好訊息因為這意味著此盒模型問題
只會出現在ie5.5及其更早的版本中。只要為文件設定乙個doctype，就會使得ie遵循標準相容模式的方式工作。
另外，css3的box-sizing屬性給了開發者選擇盒模型解析方式的權利。w3c的盒模型方式被稱為content-box，ie的被稱為border-box
標準模型-width與height按照content寬高計算，而ie模型-width與height則按照content+padding+border計算；
*css盒子模型 css的盒子模型是什麼
css盒子模型就是在網頁設計中經常用到的css技術所使用的一種思維模型。css盒子模型又稱為框模型 box model 包含了元素內容 content 內邊距 padding 邊框 border 外邊距 margin 幾個要素組成了盒子模型。圖中最內部的框是元素的實際內容，也就是元素框，緊挨著元素框...
CSS盒子模型是什麼
一 什麼是css？css cascading style s層疊樣式表是將網頁的內容與樣式進行分離的一種語言，也就是在aspx或html中設計網頁的內容，在css中設定網頁的樣式等。二 什麼是css盒子模型？nbwww.cppcns.comsp 網頁設計中常聽的屬性名 內容 content 填充 p...
css盒子模型 CSS 盒子模型
css 盒子模型基本上是面試的必考題，因為實在是太重要了。以前寫 css 總是感覺元素的寬高十分難調，其中乙個很大的問題就是忽略了盒子模型的重要性。說到 css 盒子模型，你可能會說我知道呀，就是 margin 包 border,border 包 padding,padding 包 content ...