0

我有以下结构和布局:

jsbin

问题: 为什么margin-top: 6%计算为div#content比 for更多的像素div#header

注意:两个元素的父元素都已height: 100%设置,就像设置一样div#top-container

我有一种强烈的感觉,这与div#headeranddiv#content浮动的事实有关,但我真的无法弄清楚它为什么会这样。

4

2 回答 2

3

来自http://www.w3.org/TR/CSS2/box.html#margin-properties

百分比是根据生成框的包含块的宽度计算的。请注意,“margin-top”和“margin-bottom”也是如此。

于 2012-02-07T09:53:40.303 回答
0

仔细阅读规格。

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

百分比是根据生成框的包含块的宽度计算的。请注意,“margin-top”和“margin-bottom”也是如此。

于 2012-02-07T10:12:55.817 回答