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