jquery - 无法让 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>

文章有float:left，图片有height:150px

首先，我加载 11 imgs，当点击 .more 时获取最后一个 id 并加载更多 imgs。删除 .more div然后用新的 .more div

改变它

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

问题是 .more div 不是在图像下面而是在最后一个 img 旁边

Answer 1

.more { clear: both; 应该可以解决问题。我不建议将空标记用于清除/样式目的