我有以下结构和布局:
问题:
为什么margin-top: 6%
计算为div#content
比 for更多的像素div#header
?
注意:两个元素的父元素都已height: 100%
设置,就像设置一样div#top-container
。
我有一种强烈的感觉,这与div#header
anddiv#content
浮动的事实有关,但我真的无法弄清楚它为什么会这样。
来自http://www.w3.org/TR/CSS2/box.html#margin-properties
百分比是根据生成框的包含块的宽度计算的。请注意,“margin-top”和“margin-bottom”也是如此。
仔细阅读规格。
http://www.w3.org/TR/CSS2/box.html#margin-properties
百分比是根据生成框的包含块的宽度计算的。请注意,“margin-top”和“margin-bottom”也是如此。