css - cssに垂直パーセンテージを使用-高さ：x％;

Question

アプリの流動的なレイアウトを作成しようとしていますが、高さのパーセンテージにcssを使用するのに問題があります。ウィンドウの垂直方向のサイズからこのパーセンテージを取得する場合は、ウィンドウの水平方向のサイズを使用して高さ％を指定しています。これは可能ですか、それとも私は運が悪いですか？

width: x%;
height: y%;

xとyは、要素になりたいパーセンテージです。どちらも窓の横の大きさで決まりますので、それぞれの軸を使ってもらいたいです。

Answer 1

JavaScript を使用して親ノードの絶対的な高さを更新すると、高さ % が何かを意味し始めます。いろいろ試してみると、body の第 1 世代の子としての P または DIV は CSS の height% を無視します。絶対高さのあるものでラップします。事前に高さが分からない場合は、onload JS 関数を使用して設定してください。