Css *{框大小：边框框}

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

---

我发现当我想要一个元素有100%和一些内部填充时，这非常有用。因为我不必为填充添加另一个元素：//

最大的缺点是它在很多浏览器中都不起作用，尤其是 当我使用它时，我通常会确保我的样式表中包含以下所有内容

*{
  box-sizing: border-box;
}

---

我已经开始使用这个几乎总是

专业人士

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

您不再需要计算CSS框模型

您可以轻松地向对象添加大的

填充
，而无需重新调整高度/宽度

更快地编写css（如果没有，请查找SASS）

缺点

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

IE7及以下版本没有支持，谁在乎呢？有些人很伤心

IE8及以上仅提供部分支持

如果我不想让一切都有它，我就是这样做的

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

我添加了我知道将使用该属性的元素，以防止每个对象都具有该属性。
相关链接如果您使用的是fancybox v1.3.4，请检查此可能的副本