jquery - 内容高于页脚

Question

页面上图片下方有分页链接。当有很多页面(~60)时，它们会超出页 footer 分。我试过添加 <div class="clear:both;></div>和 <div class="clearfix;></div>紧随其后，但右侧也清晰地进入图像下方。

Here is sample Jsfiddle 任何想法如何解决这个问题？

事情是这样的。黑线是页脚。只是这个分页不会扩展主要部分并超出页脚。

这是导致问题的分页 css。

.pagination {padding: 3px;margin: 0px;height: 30px;display: block;text-align: center;}
.pagination a{display: inline-block; list-style: none;  padding: 2px; margin-right: 1px; margin-bottom: 5px; width: 30px; text-align: center; background: #4CC2AF; line-height: 25px;color:#FFFFFF;text-decoration:none;}
.pagination .active {display: inline-block;list-style: none;padding: 3px;margin-right: 1px;width: 30px;text-align: center;line-height: 25px;background-color: #666666;cursor:inherit;}

Answer 1

看起来你有一个固定的高度， children 在 Y 轴上溢出。

尝试在父元素上使用 height: auto;。