box-sizing的属性值
box-sizing属性值及作⽤
content-box
这是box-sizing的默认属性值
padding和border不被包含在定义的width和height之内。对象的实际宽度等于设置的width值和border、padding之和,即width + border + padding,表现为标准模式下的盒模型
border-box
怪异盒模型,⼀般在IE浏览器中默认是怪异盒模型。
padding和border被包含在定义的width和height之内。对象的实际宽度就等于设置的width值
inherit
borderbox规定元素是从⽗元素那⾥继承box-sizing的属性值
注意
box-sizing 属性是CSS3的新特性——IE 以及 Chrome ⽀持 box-sizing 属性;Firefox需要加上-moz前缀;Safari需要加上-webkit前缀。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论