有沒有人厭倦了計算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如果我需要使用填充。爲了幫助緩解這個問題，我只在邊緣不能用於視覺渲染的情況下使用填充。除了印刷術，我一般也不使用相對測量。