0

示例代码

<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 个imgs，当单击 .more 时，获取最后一个 id 并加载更多 imgs 。删除 .more div，然后用新的.more div更改它

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

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

4

2 回答 2

1

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

<div style="clear:both;"></div>
于 2012-04-20T09:34:40.947 回答
1

.more { clear: both; }应该做的伎俩。我不建议将空标记用于清除/样式目的

于 2012-04-20T09:39:58.853 回答