2011-01-20 16 views
0

液体のレイアウトを設計しているので、幅と高さはすべて%で表示されます。デザイン時には私のCSSで何が起こっているのか見なければならないので、高さ(%)はデータベースのデータからいっぱいになるので、ピクセル単位で高さを与えました。現在、データベースは設計されていません。私はピクセルを使用することはできませんので、私は私のCSSの結果を見るためにmin-heightプロパティを試しました..しかしthatsも動作していません。私は何をしていますか?css problem-liqiudレイアウト - ピクセル単位で高さを使用することはできません - 分の高さは機能しません

+0

いくつかのソースコードがありますか、実際の見本をご覧になれますか? – Kyle

答えて

0

%高さを使用する場合、高さは親コンテナに対して計算されます。これは、多くの場合、次のように人をトリップ合理的に算定することはできません。

<body> 
    <div style="height: 100%;">Hello World</div> 
</body> 

私たちは、「100%」でdiv要素をレンダリングするためにブラウザを求めている - しかし、体が明示的な高さを持っていないとして、ブラウザがこのスタイルを適用することはできません。基本的にサイズと同等であろう -

は、この問題を解決するには、

html, body { 
    height: 100%; 
} 

これは、今まで動作するように高さのdivを与える...このようなhtmlと体に高さを与える必要がありますビューポートの

これは、高さと最小高さに適用されます。

関連する問題