有没有人厌倦了计算div的总像素？ （宽度+边距+填充+边框）

Question

有没有人厌倦了计算div的总像素？可以说，你有2个宽度的div，完全适合父母的div。只更改宽度，边距，填充或边框意味着您必须再次计算div的像素。有使用宽度，填充和边距的更好方法吗？这是一个很好的选择，有一个外部div作为宽度和填充和边距的内部div？我在做一些不必要的计算吗？

Answer 1

你对这两种盒子模型很熟悉吗？

W3C盒模型：宽度+填充+边界== outerwidth
微软盒模型：宽度 - 填充 - 边界== contentwidth

微软之一（在IE5和IE6 /怪异模式），使更有意义，因为它允许您在不改变总宽度的情况下改变填充和边框。不需要算术。不幸的是，W3C版本最终胜出，但仍然可以通过使用嵌套的DIV获得Microsoft盒模型的好处。

所以，是的，回答你的问题，外DIV与宽度，并与填充的内部DIV是，如果一个好主意：

1. 你讨厌做算术
2. 你在怪异模式
支持IE6

Answer 2

如果什么都不需要与其他任何东西对齐，您可以使用百分比或EMS或其他相关单位之一。

Answer 3

如果您尽可能避免使用填充，它会让您更轻松，因为您不必为每个浏览器都进行一组不同的计算。 （IE的计算方式与FF不同，IE不包括宽度计算中的填充）

Answer 4

我确定div soup nazis将会继续我总是使用单独的div如果我需要使用填充。为了帮助缓解这个问题，我只在边缘不能用于视觉渲染的情况下使用填充。除了印刷术，我一般也不使用相对测量。