css - 纯 CSS 的 100% 屏幕高度

Question

这应该很简单，但我想不通。我有这样的标记:

<section id="container">
    <article></article>
    <article></article>
    <article></article>
    <article></article>
</section>

如何使用纯 CSS，不使用 JS，让每篇文章都是窗口的完整高度？

Answer 1

您应该确保 html、body 和 #container 标签的高度也为 100%:

html, body, #container {
    height: 100%;
}

示例:http://jsfiddle.net/aXPwL/1/