css盒子模型（box model）就是在網頁設計中經常用到的css技術所使用的一種思維模型。網頁中所有元素都具備以下四個屬性：
上面所說的盒子模型是基於w3c標準的盒子模型，大多數瀏覽器都採用標準盒模型。而還有一種怪異盒子模型，這種怪異模式主要表現在ie核心的瀏覽器
div
在怪異模式下：總寬度為100px;
box-sizing中比較常用的兩個屬性值為 content-box 和 border-box ，它可以改變盒子模型的解析計算模式，可以參考上面的**案例。
盒子模型與怪異盒子模型
所有html元素可以看作盒子，在css中，box model 這一術語是用來設計和布局時使用。css盒模型本質上是乙個盒子，封裝周圍的html元素，它包括 邊距，邊框，填充，和實際內容。盒模型允許我們在其它元素和周圍元素邊框之間的空間放置元素。下面的說明了盒子模型 box model content...
CSS標準盒子模型和IE怪異盒子模型
css中的盒子模型 box model 分為兩種 w3c標準盒子模型和ie標準盒子模型。大多數的瀏覽器都採用w3c標準，而ie採用的是ie標準。而怪異模式是指 部分瀏覽器在支援w3c標準的同時還保留了原先的解析模式 怪異模式主要表現在ie核心的瀏覽器中。通過對比來分析標準模式和怪異模式對於塊大小的定...
盒子模型 標準盒模型，怪異盒模型
當你的瀏覽器展現乙個元素時，這個元素會佔據一定的空間。這個空間由四部分組成。中間是元素呈現內容的區域。這個區域的外面是內邊距。再外面是邊框。最外面的是外邊距，外邊距將該元素與其它元素分開。內邊距，邊框和外邊距在元素的上 右 下 左都可以有不同的大小。所有這些大小值都可以為0。顏色 內邊距總是跟元素的...