文章目录 问题 解决方式 box-sizing content-box border-box inherit 问题 我们发现，如果子元素设置宽度为100%，然后设置了margin或者padding的话，会超出父布局的宽度：比如 效果如下 解决方式 参考博文参考博文2 box-sizing 通过参考博文，我们知道可以使用box-sizing来设置 content-box 是box-siziing的默认值，也就是上面的效果， border-box 不会改变设置的宽高，会在内部对内容进行压缩 inherit 继承父布局的box-sizing属性 相关文章： 2022-12-23 2021-11-20 2021-06-04 2021-11-07 2021-08-03 2022-12-23 2022-12-23