为什么引导CSS使用box-sizing：border-box？

Question

我仅使用bootstrap下拉组件，但是它的css缩小了许多我现有的布局元素，因此页面看起来像已损坏。 仔细查看后，我发现是什么原因造成的：

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

他们为什么要这样做？

Answer 1

从脚手架区域中删除全局重置边框，然后在CSS下拉菜单中调整数学，或者在网站的其余部分中调整边框，因此，如果某填充的边框为10px，总宽度为200px，则旧边框您将宽度设置为180px的方式，但是现在只需将宽度设置为实际宽度，然后计算边框。 边界也是如此。