Question

我有一个包装div和两个不同高度的div。我如何确保包装div始终至少是其中较大div的高度，因为由于某种原因，我看到在.leftMenu div中有很多信息（两个div都是动态填充的info） - 包装div保持为.centerBody的高度！（我已经将div内联的样式设置为内联，因此更快）

我的代码：

<div id="importPartUpdate">               
 <div class="leftMenu" style="position: relative;margin-top: 10px;width: 15%;clear: both;display: inline-lock;float: left;" />        
 <div class="centerBody" style="margin-top: 10px;margin-left: 0px; display: inline-block; position: reative;width: 83%;padding: 5px;"/>                      
</div>

Answer 1

使用clear:both CSS属性清除div浮动。

 <div id="importPartUpdate">               
  <div class="leftMenu" style="position: relative;margin-top: 10px;width: 15%;clear: both;display: inline-lock;float: left;" />        
  <div class="centerBody" style="margin-top: 10px;margin-left: 0px; display: inline-block; position: reative;width: 83%;padding: 5px;"/>
  <div style="clear:both"></div>                      
</div>

FIDDLE DEMO

Answer 2

您可以使用display:flex;。请检查此链接：http://css-tricks.com/snippets/css/a-guide-to-flexbox/

这是工作小提琴：http://jsfiddle.net/NhKb6/2/

使包装div至少与更大的div相同的高度

2 个答案: