Box-sizing for what?

box-sizing 属性用于更改用于计算元素宽度和高度的默认的 CSS 盒子模型。可以使用此属性来模拟不正确支持CSS盒子模型规范的浏览器的行为。主要解决的问题还是 IE 低版本的计算问题。

记住最佳实践:一些专家甚至建议所有的Web开发者们将所有的元素的box-sizing都设为border-box

最佳实践代码

可能比最佳实践更好的代码

这样当你重写一个元素的 box-sizing 的时候,那么它的子元素也会继承你新的重写的 box-sizing 值。

参考