CSS浮动div但保持最小高度答案

【问题标题】：CSS Floating divs but keeping min-heightCSS浮动div但保持最小高度
【发布时间】：2014-02-17 00:51:35
【问题描述】：

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

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

我试过了：display:inline-block;但它与 IE 排序是一团糟。我也试过position:relative和position:absolute。

谢谢

【问题讨论】：

标签： css html

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

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

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

这将为您提供以下结果：

【讨论】：

【解决方案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/

【讨论】：