IE盒子模型和W3C盒子模型

IE盒模型出现在ie5.5以下的版本当中,ie6以上就实行W3C盒模型。

box-sizing有两个属性,border-box和content-box. border-box对应传统的盒子模型,即ie盒模型,盒子的宽高度会把border和padding的算进去。而content-box对应的是标准的盒模型,即W3C盒模型,盒子宽度不包含border和padding.

这个属性可以用来设置采用哪种盒子模型。

除此属性之外,还可以在网页中申明<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">来采用W3C盒子模型,不管浏览器是什么。

posted @ 2019-03-20 15:52  5Clay  阅读(279)  评论(0编辑  收藏  举报