開心生活站

位置:首頁 > IT科技 > 

css盒模型有哪些

IT科技2.27W
品牌型號:聯想小新Pro13/系統版本:windows10

盒子模型分爲兩種:

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

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

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

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

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

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

 

css盒模型有哪些

(相關推薦:CSS基礎視頻教程)

標籤:模型 css