css - 百分比高度与父元素的边距

Question

这是 fiddle : http://jsfiddle.net/pehrlich/dNLLa/

子 div 的高度是其父 div 的 50%。这确认 percentage-of-parent 工作正常。 (根据 Percentage Height HTML 5/CSS )

同一个 div 有一个 margin top。如果改成-50%；在 fiddle 中，您会看到它完全移出了视线。 margin 的百分比是相对于其他东西来读取的——也许是 .不应该!

Answer 1

“百分比是根据生成框的包含 block 的宽度计算的。请注意，这对于'margin-top'和'margin-bottom'也是如此。如果包含 block 的宽度取决于此元素，那么生成的布局在 CSS 2.1 中是未定义的。”

http://www.w3.org/TR/CSS21/box.html#margin-properties

Div margin-bottom of a proportion of its own height?

它是 JS。