為什么CSS中的邊距/填充百分比總是根據寬度計算？如果你看看CSS盒模型規范，您將觀察到以下情況：[保證金]百分比是根據寬度生成的框的包含塊。請注意，這是正確的‘邊緣-頂部’和‘保證金-底部’以及。如果包含塊的寬度取決于此元素，則在CSS2.1中未定義結果布局。(強調地雷)這是真的。但為什么？究竟是什么迫使任何人這樣設計它呢？很容易想到你想要的場景，例如，某件東西總是比頁面頂部低25%，但是很難想出為什么你想要垂直填充相對于父頁面的水平大小。下面是我所指的現象的一個例子：<div style="border: 1px solid red; margin: 0; padding: 0; width: 200px; height: 800px;">   This div is 200x800.  <div style="border: 1px solid blue; margin: 10% 0 0 10%;">     This div has top-margin of 10% and left-margin of 10% with respect to its parent.  </div></div>http://jsfiddle.net/8JDYD/