什么是盒模型
所有HTML元素可以看作盒子。
我們可以將它想象成禮品包裝：
首先我們有一些魔方舱痘，它們有自己的大姓崞椤华匾；
我們要將些魔方送人罐孝，這時候我們就要找一些禮盒來包裝它們抡爹；
禮盒與魔方之間一般有些充氣薄膜挪圾；
接下來我們將它們擺放在一個更大的容器里面，禮盒與禮盒之間也會有些距離降淮。
類比盒模型就是這個樣子的
魔方——content
禮盒與魔方的內(nèi)距——padding
禮盒——border
禮盒與禮盒之間的間距——margin
下面的圖片說明了盒子模型(Box Model)：
CSS box-model
盒模型都有哪些
現(xiàn)在常見的有兩種盒模型超埋，一種是標(biāo)準(zhǔn)盒模型，另一種是IE盒模型
這兩種盒模型有什么區(qū)別
借用一下兩張圖來說明它們之間的區(qū)別
PS：w3c值得就是標(biāo)準(zhǔn)盒模型
這兩張圖是非常相似的骤肛，從外到內(nèi)都是margin->border->padding->content
他們之間的不同就是width以及height的劃定范圍：
在標(biāo)準(zhǔn)盒模型中纳本，width = content的寬度
在IE盒模型中，width = content的寬度 + padding的寬度 + border的寬度
在CSS中如何指定盒模型呢腋颠？
要實現(xiàn)指定盒模型只需要一個屬性：box-sizing
標(biāo)準(zhǔn)盒模型：
box-sizing :content-box;
實際上它是默認(rèn)的繁成，我們可以不用設(shè)置。
IE盒模型：
box-sizing :border-box;
這里需要說明一下淑玫，box-sizing還有一個值是padding-box巾腕，對于這個屬性我了解的少，大家可自行查閱絮蒿。
我的看法
兩種盒模型的選用都要結(jié)合實際尊搬。
IE盒模型更加適合計算，在布局嚴(yán)格的的時候可以選用它土涝。
