Css 基于它的子div高度'；父母

我正在尝试创建一个页面，该页面可以填充浏览器窗口的高度（应该没有滚动）。页面上有两个div（class=module），它们都应该是其父级（id=main）的50%

这是标题。

它的高度可能会有所不同。。
单元1。。
单元2

问题是还有一个header div，它可以具有灵活的高度，因此通过指定height:100%on#main会导致整个页面滚动（给#main的是整个页面的高度，而不是页面高度减去页眉高度）

这当然会导致每个.module div的高度占整个页面的50%，而不是#main的50%

---

任何想法都将不胜感激

嗯，每一个都是主的50%…你可以在容器上提供一个高度限制（如果你想要的话）。是的，但是请注意页面可以滚动#main的高度相当于整个页面的高度-我需要将#页眉考虑在内

<div id="container">
    <div id="header">
        This is the header.<br /><br />It's height could vary..
    </div>
    <div id="main">
        <div class="module">
            module 1..
        </div>
        <div class="module">
            module 2
        </div>
    </div>
</div>