包裹浮动 DIVS答案

【问题标题】：Wrap floating DIVS包裹浮动 DIVS
【发布时间】：2011-08-31 21:07:23
【问题描述】：

我有 3 个 div，它们都向左浮动。我的容器只能容纳 2（有意），所以第三个 div 被推到下面。我的问题是第二个 div 的高度比其他两个高，第三个 div 出现在第二个 div 结束的地方，在第一个和第三个 div 之间留下一个空白空间。我希望第 3 个 div 环绕第 2 个 div，以便它显示在第 1 个下方。

我尝试将第二个浮动到右侧，并且似乎可以正常工作，但我想知道是否有解决方案将它们全部浮动到左侧。

为了澄清，我添加了一张显示以下问题的图片：

http://img684.imageshack.us/img684/3209/divs.png

【问题讨论】：

能否显示页面代码（HTML 和 CSS）？
如果你想要一些 js/jquery 功能，请查看：drp.ly/Jzz6

标签： css html

【解决方案1】：

对于一个简单的修复，您可以将相同的元素包裹在 div1 和 div3 周围，分配一个宽度并向左浮动，为 div2 分配一个宽度并将其向左浮动。假设源顺序无关紧要。

【讨论】：

【解决方案2】：

让 div1 变宽（与 div3 宽度相同）不能解决这个问题吗？

【讨论】：

所有的 div 需要相同的宽度

【解决方案3】：

如果您知道 div 的确切高度，则可以在 div3 上使用负的上边距来显示它。

#div3 {
    top-margin: -100px;
}

（将'100px'替换为div1的高度和div2的高度之差）

【讨论】：

我不知道确切的高度，它随着内容的增长:(
是的，我想，但值得一试。我认为您可能无法添加另一个包装 div 或浮点数：对。