css - 高さのパーセンテージと親要素のマージン

Question

これがフィドルです： http://jsfiddle.net/pehrlich/dNLLa/

子 div の高さは親の 50% です。これにより、親の割合が正しく機能していることが確認されます。(高さのパーセンテージ 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?

JSです。