2012-05-06 10 views
0

Iは、例えば、単一ページレイアウトで、以下の構造を有する場合:複数の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だけを使って? Iveは、各divの高さが100%のページを作成しましたが、divの内容がブラウザのウィンドウより長い場合に問題が発生し始めました。 min-height 100%の関連記事がたくさんあるようですが、1つ以上のdivが関わっている場所はまだ見つかりませんでした。

+0

一度に1つのdivだけを表示しようとしていますか?あなたは何を目指していますか? – Timbadu

+0

こんにちは、私は、それぞれの部門を、同時に、同時に、他の部門を下に見せることを目指しています。私はそれを今ソートしていると思う。 – David

+0

どうやってやったのですか? これはMin-Height Fast Hackですか? {最小高さ:100%; 身長:auto!important; 高さ:100%; } – Timbadu

答えて

1

heightまたはmin-heightが要素に対して正しく機能するには、要素の親要素に明示的にheightが宣言されている必要があります。これはあなたのDOMツリーの中にある。

minの高さで1つまたは複数のdiv要素を私が知る限りレンダリングするのに違いはありません。はい、CSS単独で配置することは可能です。

詳細についてはPercentage Height HTML 5/CSSをご覧ください。

+0

ああ、私はあなたが何を意味するかを見て、私は今それを行うことができるはずです。情報をありがとう :) – David

関連する問題