css - CSS浮动div但保持最小高度

Question

我需要将 2 个 div #left 浮动到左侧 #right 到右侧，但是当我这样做时，我的 #hold for left 和 right 不会扩展（它设置为 min-height）。

有什么办法可以让 2 个 div 并排浮动，但让它们保持最小高度？

我试过：显示：内联块；但它与 IE 排序是一团糟。我也试过position:relative和position:absolute。

谢谢

Answer 1

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

感谢这篇文章： 如何让两个并排的 div 高度相同？

Answer 2

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

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

解决方案是在所有浮动的底部添加另一个 div，这将清除所有内容。min-height 不会跟随浮点数，但会跟随一个带有 clear:both; 的 div。

    <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/