浮动div问题

发布于 2024-07-26 15:18:47 字数 208 浏览 2 评论 0原文

我有一个浮动 div，其中包含动态内容。在第一行中，我需要四个 div，类似地在第二、第三、第四等中......我需要四个 div。我可以将一个类分配给单个 div，它会自动生成其余的 div。我的问题是我可以将最小高度设置为 div，但我无法设置最大高度，因为内容是动态创建的。如果内容较低，则 div 不会排成一排。由于这个原因，接下来的div也遇到了问题，如何安排这些div？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

随波逐流 2024-08-02 15:18:47

让我们弄清楚这一点。您有多个行，每行有 4 个 DIV - 我们将它们称为单元格只是为了好玩。您希望它们的高度在整行中相同，同时具有动态内容。我会冒险建议你使用一张桌子。

回复收藏 0 原文

泛滥成性 2024-08-02 15:18:47

在新行的第一个 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>

On the first div the the new row, add clear:both;. That will make all the divs in a straight row.

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>

回复收藏 0 原文