使每個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元素適合瀏覽器窗口

回答

相關問題