让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 ，图片高度：150px

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

进行更改

目前，当ajax成功时，我正在使用 $（'＃loadGallery'）。追加（e）;

问题在于 .more div不是图像而不是最后一个img

Answer 1

你应该添加一个清除浮动的元素，以便浮动重置

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

Answer 2

.more { clear: both; }应该做到这一点。我不建议使用空标记进行清除/样式设计