根据另一个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>