我可以在我的项目中使用全局 box-sizing:border-box 吗？

Question

我可以在我的所有 murkup （所有项目）中使用吗box-sizing: border-box;？

例如：

html { 
   box-sizing: border-box; 
}, 
:before, *:after {
  box-sizing: inherit; 
}

因为计算实际宽度更容易，但是这种方法有什么缺点吗？

Answer 1

我通常将它应用于所有事情。使用：

html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

它使一切变得更加容易并且得到了广泛的支持。

编辑

还值得注意的是，CSS 工作组认为这是 CSS 设计中的一个错误：

默认情况下，Box-sizing 应为 border-box。