标准盒模型
标准盒模型中,我们设置的padding和border不包含在width和height中,单独显示
怪异盒模型
怪异盒模型中,我们设置的padding和border会包含在width和height中
注:当没有添加文档声明时,就会触发某些浏览器(IE6)怪异模式
盒模型的转换
语法:box-sizing:content-box | border-box
content-box 默认值,以标准盒模型显示
border-box 以怪异盒模型显示(padding和border会计算在width和height中)
标准盒模型和怪异盒模型的区别
最新推荐文章于 2022-08-14 16:29:36 发布