CSS浮动div但保持最小高度

Question

我需要将2个div #left浮动到左侧#right到右侧但是当我这样做时，我左边和右边的#hold不会延伸（它的设置为最小高度）。

有什么方法可以并排浮动2个div但是让它们延伸到最小高度？

我试过：display：inline-block;但它与IE排序混乱。我还尝试了position:relative和position:absolute。

由于

Answer 1

简单修复抱歉给您带来不便，如果其他人遇到同样的问题，只需将overflow: hidden;添加到您的#hold div。

感谢这篇文章： How do I keep two divs that are side by side the same height?

Answer 2

我有同样的问题并理解你的模糊描述，我认为这就是你的意思：

http://jsfiddle.net/QT6jS/8/

解决方案是在所有浮点数的底部添加另一个div，清除所有浮点数。 最小高度不会影响浮动，但会跟随一个明确的div：both;

    <div class="parent_expander" style="clear:both;"></div>

这会得到以下结果：

http://jsfiddle.net/QT6jS/9/

Answer 3

您描述的情况的基本示例无问题。

<强> HTML

<div class="test">Something</div>
<div class="test">Something</div>

<强> CSS

.test{
    float: left;
    min-height:100px;
    background: yellow;
}

工作示例 http://jsfiddle.net/QT6jS/