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

时间:2012-04-28 16:14:49

标签: css layout positioning

这是小提琴: http://jsfiddle.net/pehrlich/dNLLa/

子div的高度为其父级的50%。这证实了父母百分比正常工作。 (根据Percentage Height HTML 5/CSS

同样的div有一个上限。如果将其更改为-50%;在小提琴中,你会看到它完全脱离视线。保证金的百分比是相对于其他东西读取的 - 也许是。它应该不是!

1 个答案:

答案 0 :(得分:0)

“百分比是根据生成的框的包含块的宽度计算的。请注意,对于'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是。