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

Question

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

我需要做的是让每个红色边框的容器垂直适合浏览器窗口（对于大于 500 像素的高度）。

<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 以用于低于该窗口的窗口...