百分比高度VS父元素

Question

這裏的保證金是小提琴： http://jsfiddle.net/pehrlich/dNLLa/

孩子div有其母公司50％的高度。這證實父母的百分比工作正常。 （根據Percentage Height HTML 5/CSS）

同一個div有餘量。如果您將其更改爲-50％;在小提琴中，你會看到它完全移出視野。正在讀取的保證金的百分比是相對於別的東西 - 也許是。它不應該！

Answer 1

「百分比是根據生成的框的包含塊的寬度進行計算的，請注意，對於'margin-top'和'margin-bottom'也是這樣，如果包含塊的寬度取決於此元素，那麼生成的佈局在CSS 2.1中是未定義的。「

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

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

JS它。