css - div适配浏览器窗口的问题

Question

我想我的最后一个问题被误解了。我在下面粘贴了我遇到问题的页面的 HTML，但你可以在这里看到它：http: //jsfiddle.net/wCZYU/6/

基本上我想要一个固定的标题（pageHeader）和一个填充浏览器窗口的彩色 div，而不是整个页面背景。然后我想要一个用户需要滚动才能看到的 div

<header class="pageHeader">
<div class="setWidth">
<div class="navMain">
<a href="index.php">Home</a>
<a href="portfolio.php">Work</a>
<a href="/blog">Blog</a>
<a href="contact.php">Contact</a>
</div>
</div>
</header>
<div class="secFill">i want to be below the navigation</div>
<div class="content">i want to be below secFill</div>

这是我之前发布的图像，我希望它看起来像

http://i.stack.imgur.com/jZgMb.png

导航必须在ie7/8中固定和兼容。

非常感谢（再次）

Answer 1

如果我理解正确，您只需将 .secFill 定义为height:100%.

.secFill { 
    height:100%;
    background-color:red;
}

http://jsfiddle.net/wCZYU/7/