外側の div の高さを常に特定の内側の div の高さと等しくなるように設定するにはどうすればよいですか?

Question

3 つの内部 div を含む外部 div があります。

左端の内側の div が常に外側の div の高さを決定するようにしたいです。他の内部 div の内容が [一番左の div よりも] 少ない場合、それらには空のスペースが生じます。 [左端の div よりも] 多くのコンテンツがある場合は、スクロールバーが表示されます。

SO に関する他のいくつかの質問では、外側の div の高さを

内側の div の高さに設定する方法を尋ねています。ただし、私の場合は複数の内側 div があり、外側の div の高さが一番左の div の高さより大きいか小さいかわかりません。

特に CSS のみを使用してこれを行う方法はありますか?

Answer 1

違う方法。 2 つの例:

リーリー リーリー

リーリー リーリー

Answer 2

1 つのアイデアは、絶対位置を使用して一部のコンテンツをフローから分離し、高さに影響を与えないようにし、Flexbox をメインのレイアウトとして使用することです。

リーリー リーリー