div适合浏览器窗口的问题

时间:2013-08-14 18:25:29

标签: css html cross-browser

我认为我的上一个问题被误解了。我在下面粘贴了我遇到麻烦的页面的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中修复并兼容。

非常感谢(再次)

1 个答案:

答案 0 :(得分:2)

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

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

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