根据另一个div的高度设置div的最小高度

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

。给出上面的示例，如何将div2的高度设置为div1的最小高度？反之亦然，只使用CSS。 TIA！根据另一个div的高度设置div的最小高度

来源

2011-06-29 zerey

我没有看到一个例子。请优化您的问题。 – Sterex

其中任何一个的大小都会影响容器的大小，所以你不应该有任何问题。你有一个具体的例子吗？就像你在浮动内部divs？ – Ibu

。div1和div2在容器div内浮动。实际上，我对容器div的高度没有任何问题。只有div1和div2。因为我希望这两者的大小始终相等，而不管哪一个包含更多文本。 – zerey

你不能这样做使用CSS ...不动态。

#div1 + #div2 {}将让你的目标div2发生在div1后，但你不能使高度与前一个元素相关，你只需要硬编码它。

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

来源

2011-06-29 06:24:38 prodigitalson

。那么，这又有什么用？ – zerey

你可以使用javascript ...如果你告诉我们更多关于你想要完成的事情，而不是仅仅询问如何关联两个元素的高度，那会更好。 – prodigitalson

。我希望div的高度被设置为auto，因为每个div的内容都会不时变化。 – zerey

。我想通过另一种方式，但实际上不是通过继承彼此的大小。我决定创建一个匹配两个div背景颜色的背景图像，然后将其应用到容器div。

来源

2011-06-29 06:52:59 zerey

这就是所谓的[“虚拟列”]（http://www.alistapart.com/articles/fauxcolumns/）技术，而且它通常是最简单的方法;） – clairesuzy

添加相同的类在两个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>

来源

2011-06-29 09:42:30 user555600

根据另一个div的高度设置div的最小高度

回答

相关问题