在使 div 停留在 div 的底部时遇到麻烦

Question

示例代码

<section id="loadGallery" style="overflow:hidden;">
<?php foreach ($this->imgs as $p)  
{ ?>
<article>
<a href="<?= $C->SITE_URL ?>pics/<?= $p->pic_id ?>">
<img src="/uploads/<?= $p->img ?>"/>
</a>
</article>
<?php }?>
<div class="more" id="<?= $p->pic_id ?>">load more</div>
</section>

文章有浮点：左，图片高度：150px

首先，我加载 11 个 img，当 .more 被单击时，获取最后一个 id 并加载更多 img。删除 .morediv，然后用新的 .morediv 更改它

目前，当ajax成功时，我正在使用$（'#loadGallery'）.append（e）;

问题是 .morediv 不是在图像旁边，而是在最后一个 img 旁边

Answer 1

.more { clear: both; }应该可以解决问题。我不建议使用空标记进行清除/样式设置

Answer 2

您应该添加一个清除浮点数的元素，以便重置浮点

数

<div style="clear:both;"></div>