使每个div元素适合浏览器窗口

Question

我需要设计一个网页，其中每个div元素都适合浏览器窗口。 这就是我现在所拥有的： http://jsfiddle.net/E9HER/

我需要做的是让每个红色边框容器垂直适合浏览器窗口（高度超过500px）。

<div class="contentcontainer">
    <div class="WhoWeAre"><a name="WhoWeAre">Who we are</a></div>
    <div class="WhatWeDo"><a name="WhatWeDo">What we do</a></div>
    <div class="OurWork"><a name="OurWork">Our work</a></div>
    <div class="Contact"><a name="Contact">Contact</a></div>
</div>

非常感谢任何建议或帮助。

Answer 1

你可以设置

    .wrapper {min-height:500px;
     height:100%;}

   .contentcontainer {
   height:85%;
   min-height:500px}

将contentcontainer属性应用于包含div ...

你必须使用％才能达到合适的高度。

这会将div缩放到浏览器窗口，但会将其设置为500px以下的窗口......