您的位置:首页 > Web前端 > CSS

CSS-14.盒子模型的宽高问题和box-sizing属性

2018-01-29 09:37 477 查看
内容宽高:
例如:





红色框选就是内容宽高
元素宽高



同样是上面的代码,红色框就是元素宽高,为什么不加margin,以为外边距,是不算在div中的
当我们在已经设置好样式的时候,这是如果修改,就会导致变形,使用css3中的box-sizing属性就可以避免变形的问题
格式和取值:
box-sizing:content-box;
这个是默认值,默认值时元素的宽高=边框+内边距+内容宽高
box-sizing:border-box;
元素的宽高=wid/height的宽高(恒定)。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: