html - 2 div に基づく高さのパーセンテージ

Question

別の div の中に 2 つの div があります

<div id="1">
    <div id="11">aaa</div>
    <div id="12"></div>
</div>

#11 と #1 の高さが 100% であることはわかりません。オーバーフローせずに #12 を 100% に設定するにはどうすればよいですか?

#12 { height: calc(100% - ?); }

ありがとう

Answer 1

それほどエレガントではありませんが、新しい要素が追加/削除されたときに内側の div の高さを動的に調整する JavaScript はどうですか? 子が動的に追加/削除されない場合は、オンロード/準備ができたら計算を実行できます。

Answer 2

id#1の身長はわかりますか？これは私にとってフレックスボックスの仕事のように思えます。CSS トリックに関する記事はこちらです。ここで遊んで学びました。最新の構文で最新かどうかはわかりませんが、それでも役立つはずです。