如何设置父div高度自适应内部div高度？

Question

我有一个父DIV和2次DIV如下：

<div class="parent"> 
    <div style="height:100px; float:left;" > 
     aaa 
    </div> 
    <div style="height:200px; float:left;"> 
     bbb 
    </div> 
</div>​ 

如何设置“父” CSS来适应内div的最大高度？在这种情况下：200px

PS：height=100%和height=auto都不起作用。

谢谢。

Answer 1

你也可以“溢出：隐藏“在父元素上，尽管如果你想让事情突破那个div（例如负边距，箱形阴影等），你可能会遇到问题。

<div class="parent" style="overflow: hidden;"> 
    <div style="height:100px; float:left;" > 
     aaa 
    </div> 
    <div style="height:200px; float:left;"> 
     bbb 
    </div> 
</div>​ 

Answer 2

父div不占用其内容的高度，因为内部div是浮动的。您必须在关闭父div之前清除浮动。试试这个：

<div class="parent"> 
    <div style="height:100px; float:left;" > 
     aaa 
    </div> 
    <div style="height:200px; float:left;"> 
     bbb 
    </div> 
    <div style="clear:both"></div> 
</div>​ 

---

编辑：你可能想看看这个W3C文章有关花车和结算的深入信息：http://www.w3.org/wiki/Floats_and_clearing

Answer 3

我接着peterp给出的链接，并想引用他们提到的方法，它为我工作。这种方法是先在他们的名单和描述为只是 :)

使外div也float

<div class="parent" style="float:left;"> 

Answer 4

您需要添加的风格= “明确：既”

<div class="parent"> 
     <div style="height:100px; float:left;" > 
      asljkdh   
     </div> 
     <div style="height:200px; float:left;"> 
      bbb 
     </div> 
     <div style="clear:both"></div> <!-- Add this Line--> 
    </div>​