html - 高度 :100% not giving full parent height

Question

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

当给 min-height:100% 父元素内的元素 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;
}

DEMO