Question

我有一个带有动态内容的浮动div。在第一行我需要四个div，类似于第二，第三，第四等...我需要四个div。我可以将一个类分配给一个div，它将自动生成其余的div。我的问题是我可以将min-height设置为div，但我无法设置最大高度，因为内容是动态创建的。如果内容很低，则div不是直排。由于这个原因，即将到来的div也有问题，如何安排这些div？

Answer 1

让我们直截了当。你有多个行，每个都有4个DIV - 让我们称之为单元格只是为了好玩。您希望在拥有动态内容时，整个行的高度相同。我打算在这里走出去，建议你使用一张桌子。

Answer 2

在新行的第一个div上添加clear:both;。这将使所有的div成为一排。

div {float:left;border:1px solid #000;margin:20px;width:100px;}
.clear_both{clear:both;}
.one {height:100px;}
.two {height:50px;}
.three {height:200px;}
.four {height:150px;}

<div class="one"></div>
<div class="two"></div>
<div class="three"></div>
<div class="four"></div>
<div class="two clear_both"></div>
<div class="three"></div>
<div class="four"></div>
<div class="one"></div>

Answer 3

您可以做的一件事是修复高度，并使用overflow CSS属性设置为hide来隐藏文本，并使用title属性在工具提示中显示整个文本。< / p>

浮动div问题

3 个答案: