これに関連するSOに関する質問はたくさんありますが、私がスキャンしたものはすべて、詳細な特定の状況に関するものです。私が知りたいのは、概念レベルで、次のように言うことの意味です。
<div style='height:100%'>
100％の高さはどれくらいですか？何の100％？
[編集]
フォローアップの質問：100％が親の高さを表しているが、親が<body>であり、divの高さ以外の高さがない場合、それはどういう意味ですか？再帰的に定義されているようです。
3519 次
4 に答える
8
親コンテナの高さの100％。
ここを参照してください：http：//jsfiddle.net/6VRn6/
この方法を使用してdivをページの高さの100％にする場合は、高さを本文とhtmlの100％として指定する必要があります。
body, html {
height: 100%;
}
htmlまたは高さを指定しない場合body、それらの高さはその中の要素の高さの合計です。
これを示す更新されたデモ。200pxのdivがあり、2pxの境界線が合計204pxで、次に40pxのステータスdivがあります。body高さは244pxである必要があります。ここで、上記のCSSをページに追加すると、高さはjsfiddleの右下の象限の高さになります。それを追加して、コードを再実行してみてください。次に、結果ペインのサイズを変更して再度実行し、それに応じて高さが変化することを確認します。
于 2012-06-22T15:47:59.420 に答える
5
の100％offsetParent。ほとんどの場合、それがドキュメントです。position、以外の要素、またはテーブルのコンポーネントにすることもできstaticます。
于 2012-06-22T15:47:26.150 に答える
2
高さ：100％は次のことを意味します：そのdivを親として大きくします！
于 2012-06-22T15:47:58.997 に答える
0
divまたはの100％を意味classしtagます。これをいくらか考えてみてください：
{--parent loop
{
..height 100% of above loop
..
}
}
于 2012-06-22T16:12:08.127 に答える