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 是。