首页 > 试题广场 >

请你说说box-sizing属性的的用法？

[问答题]
请你说说box-sizing属性的的用法？
查看答案及解析
添加回答
xu1230头像 xu1230
content-box:默认值。border和padding不计入width之内，参考标准W3C盒子模型。
border-box:border和padding计入width之内，怪异模式。
inherit:继承父元素box-sizing属性的值。
padding-box:padding计入width之内，参考IE盒子模型。（ps：貌似几乎所有主流浏览器都不支持这个属性值）
编辑于 2017-10-12 21:41:29 回复(1)
藤景树头像 藤景树

content-box:默认值。border和padding不计入width之内，参考标准W3C盒子模型。

border-box:border和padding计入width之内，怪异模式。

inherit:继承父元素box-sizing属性的值。

发表于 2019-09-10 22:47:41 回复(0)
努力赚钱的小曾头像 努力赚钱的小曾

<p>标准盒模型和怪异盒模型</p><p>content-box</p><p>border-box</p><p>宽度计算不同，标准盒子模式下，width就是真实宽度，不计算border/padding</p><p><br></p>

编辑于 2020-08-29 13:59:42 回复(0)
录音_笑头像 录音_笑
可以在外部 CSS 样式中写一个公共样式：box-sizing: content-box；
发表于 2020-04-02 08:45:06 回复(0)
名字被占用的Aimee头像 名字被占用的Aimee
content-box:width是content的宽度，padding和border都要另外加上 border-box:width包括了padding和border在内，所以content的宽度小于width
编辑于 2020-03-10 12:35:31 回复(0)
提交观点

问题信息

上传者：牛妹
难度：
5条回答 1592浏览

热门推荐

相关试题

扫一扫，把题目装进口袋

求职之前，先上牛客

扫描二维码，进入QQ群

扫描二维码，关注牛客公众号