*{ 框尺寸：边框框 }

Question

*{
  box-sizing: border-box;
}

这是个好主意吗？有什么缺点吗？

当我希望元素具有 100% 和一些内部填充时，我发现这非常有用。因为我不必在里面添加另一个元素来填充：/

Answer 1

我几乎总是开始使用它。

专业人士，

您不再需要计算 CSS 盒子模型。

您可以轻松地将大 padding 添加到对象，而无需重新修复您的高度/宽度

更快的 css 编码（如果没有，请查找 SASS）

缺点，

IE7及以下不支持，谁在乎呢？有些可悲的是。

IE8 及以上版本仅部分支持。

如果我不想让所有东西都拥有它，我就是这样做的，

div, li, p {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

我添加了 我知道 将利用此属性的元素，并防止每个对象都具有该属性。

Answer 2

最大的缺点是它不能在很多浏览器中工作，尤其是here的用法。

当我使用它时，我通常会确保我的样式表中包含以下所有内容

.my-element {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}