html - 浮动div问题

Question

我有一个带有动态内容的浮动 div。在第一行我需要四个 div，同样在第二、第三、第四等......我需要四个 div。我可以将一个类分配给一个 div，它会自动生成其余的 div。我的问题是我可以将最小高度设置为 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

您可以做的一件事是固定高度，并使用overflowCSS 属性集hide来隐藏文本，并使用 title 属性在工具提示中显示整个文本。