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

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

我需要做的是让每个那些红色边框容器的垂直适应浏览器窗口（高度超过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>

任何建议或帮助将不胜感激。

来源

2013-01-25 Jawwad Zakaria

你的小提琴是我工作的罚款。你使用的是什么浏览器？（我在Chrome上。） –

可以设置

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

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

应用contentcontainer属性包含div以及...

你将不得不与％左右发挥到了一个合适的高度。

这将扩大的div到浏览器窗口，但将其设置为500像素为低于窗口...

来源

2013-01-25 12:16:20 TDsouza

由于某种原因，它不起作用。这里是一个更新的jsfiddle，你的建议更改为 http://jsfiddle.net/MxxZd/ –

这是因为Js提琴窗口使其低于500px，我删除了'min-height：500px'，现在它可以正常工作，我在正常窗口大小的单独文档上尝试了相同的代码，并且它在那里工作。这里是一个没有'min-height'的小提琴[小提琴]（http://jsfiddle.net/TDsouza/Yfwet/） – TDsouza

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

回答

相关问题