为什么使用box-sizing的bo​​otstrap css：border-box？

Question

我只使用了bootstrap下拉组件，但它的css缩小了我现有的许多布局元素，而且页面现在看起来像损坏了。仔细看后，我发现了导致这种情况的原因：

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

他们为什么要这样做？

Answer 1

从脚手架区域移除全局重置边框，并在下拉列表中调整数学或在网站的其余部分调整边框框，因此如果某些内容的填充为10px，总宽度为200px ，旧的方式你有180px的宽度，但现在只是使宽度为实际宽度和边界计数。边界也是如此。