Question

的CSS：

.listingContainer {
    margin:auto;
    overflow:hidden;
    padding:0 0 16px 16px;
    width:660px;
}

.listingItem {
    float:left;
    margin:0 2% 3% 3%;
    min-height:250px;
    width:44.999%;
}

HTML：

<div class="listingContainer">
    <div class="listingItem">
    <p>Some Content</p>
    </div>
    <div class="listingItem">
    <p>Some Content</p>
    </div>
    <div class="listingItem">
    <p>Some Content</p>
    </div>
</div>

如果任何给定的“listingItem”DIV中的内容变得太大，则直接位于下方的div将下降到NEXT行。

内容如下：

[1] [2]
[3] [4]
[5] [6]

但是如果一个div已经说了1个额外段落，而不是错开div，则会被推到下一行：

[1] [2]
    [4] 
[3] [5] 
[6]

这可能按预期工作，但我该如何解决这个问题呢？无法提供实况页面抱歉。

任何想法？

感谢

Answer 1

这样的事情让我感到痒：

width:44.999%

有什么特别的原因你不能只使用（喘息！）表吗？我只是很好奇，因为在那里的大部分设计中，你似乎真的会从桌面布局中受益。

Answer 2

如果你添加一个清除两者的div，或者每行添加一个行容器div，但是，就像dclowd9901所说，表格内容应该在表格中，这就是它的用途！

当DIV以上的高度大于X时，浮动的div下降

2 个答案: