Question

当我在一个具有单页可滚动布局的网站上工作时，我遇到了这个：

将height:100%提供给min-height:100%父级内的元素时，实际上并不是全高。

有人可以解释这种行为吗？在CSS中，显然有很多方法可以达到相同的结果，但理解潜在的原因将有助于我和任何有类似问题的人。

我将包括这个jsfiddle来说明： http://jsfiddle.net/kNwhu/1/

提前致谢

Answer 1

问题出在section内，因为您指定了min-height但未指定height 尝试将height:100%插入此部分：

section{
    height:100%;
    min-height:100%;
    background-color: #cc333f;
}