divの高さを別のdivの高さに応じて設定します

Question

<div id="container"> 
    <div id="div1"> 
    </div> 
    <div id="div2"> 
    </div> 
</div> 

。上記の例でdiv2の高さをdiv1の最小高さに設定するにはどうすればよいですか？ cssのみを使用しても同様です。 TIA！

Answer 1

あなたはcssを使ってこれを行うことはできません...動的ではありません。

#div1 + #div2 {}は、div1の後にのみ発生するdiv2をターゲットにしますが、高さを前の要素に関連付けることはできません。ハードコードするだけです。

#div1 {min-height: 100px;} 
#div1 + #div2 { height: 100px;} 

Answer 2

私はそれを別の方法で説明しますが、実際には互いのサイズを継承するわけではありません。私は両方のdivの背景色に合わせて背景画像を作成し、それをコンテナdivに適用することにしました。

Answer 3

DIV1とDIV2の両方で同じクラスを追加するには、クラスの分の高さは、私は例を見ない

<style> 
     .SomeClass{ 
      height:500px; 
      min-height: 300px} 
    </style> 

<div id="container"> 
    <div id="div1" class="SomeClass"> 
    </div> 
    <div id="div2" class="SomeClass"> 
    </div> 
</div>