2012-05-06 71 views
0

如果我有以下結構,例如,在一個單一的頁面佈局:多個div的100%最小高度?

<div id="container"> 
<div id="div1"></div> 
<div id="div2"></div> 
<div id="div3"></div> 
<div id="div4"></div> 
</div> 

是否有可能設置的div 1-4爲100%的最小高度,並且每個位置的div一個在另一個之下,單獨使用CSS?我創建了一個頁面,其中每個div的高度都是100%,但當div的內容比瀏覽器窗口更長時,問題就開始出現。似乎有很多最小高度100%的相關文章,但我還沒有找到一個尚未涉及多個div的地方。

+0

你想顯示在同一時間只有一個DIV?你的目標是什麼? – Timbadu

+0

嗨,我的目標是同時顯示每個div,一個在另一個之下。我想我已經把它整理好了。 – David

+0

你是怎麼做到的? 是最小高速駭客? {最小高度:100%; 身高:自動!重要; 身高:100%; } – Timbadu

回答

1

對於heightmin-height要在元素上正常工作,元素的父元素需要聲明明確的height。這在DOM樹中一路向上。

就我所知,使用最小高度渲染一個或多個div元素應該沒有區別,所以可以單獨使用CSS進行定位。

Percentage Height HTML 5/CSS更多細節

+0

啊我明白你的意思了,我現在應該可以做到。謝謝(你的)信息 :) – David