css盒模型有哪些

品牌型號：聯想小新Pro13/系統版本：windows10

盒子模型分為兩種：

第一種是W3c標準的盒子模型(標準盒模型)

第二種IE標準的盒子模型(怪異盒模型)

大部分的瀏覽器支援W3c的標準盒模型，也保留了對怪異盒模型的支援。怪異模式是“部分瀏覽器在支援W3C標準的同時還保留了原來的解析模式”，怪異模式主要表現在IE核心的瀏覽器。

標準盒模型與怪異盒模型的表現效果的區別之處：

標準盒模型下盒子的大小 = content + border + padding + margin

怪異盒模型下盒子的大小=width(content + border + padding) + margin

 

（相關推薦：CSS基礎視訊教程）