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

Question

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

Answer 1

你熟悉这两款机型吗？

W3C盒型号：宽度+填充+边框==外部宽度
Microsoft box模型： width - padding - border == contentwidth

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

所以是的，为了回答你的问题，如果出现以下情况，宽度为外的DIV和带填充的内部DIV是个好主意：

1. 你讨厌做算术
2. 您在Quirksmode
中支持IE6

Answer 2

如果没有其他任何东西需要与其他任何东西对齐，你可以使用百分比或ems或其他一个相对单位。

Answer 3

如果您尽可能避免使用填充，那么它会更容易，因为您不必为每个浏览器执行不同的计算集。 （IE的计算方式与FF不同，IE在宽度计算中不包括填充）

Answer 4

我确定div soup nazis会继续，如果我需要使用填充，我总是使用单独的div。为了帮助减轻这个问题，我只使用填充，当边缘因视觉渲染原因而不可接受时。除了排版，我通常也不会使用相对测量。