将div放在另一个div的底部

Question

我试图进行jquery分页，但是我在将导航器保持在底部时遇到问题，即使使用clear: both也是如此。

问题是导航div <div class="alt_page_navigation"></div>需要在</ul>结束的地方正确，不能在另一个div中，否则分页会被破坏。

另一个问题是因为页面是动态的，我事先并不知道alt_page_navigation的宽度。

Here's a live page example，我已经尝试过google吐的所有内容，但无济于事。 如果有人知道一个简单的解决方案，请告诉我:)）

谢谢：））

Answer 1

清除不适用于您的内联块显示，但您需要将其用于居中。

尝试this solution创建清算div，然后输入

<div class="clearfix"></div>

您的产品和寻呼机之间。

Answer 2

将填充底部的填充等于导航的高度，并按如下方式放置：

.wrapper { position:relative; padding-bottom:1.5em }
.nav     { height:1.5em; position:absolute; bottom:0 }

例如：http://jsfiddle.net/CwrMq/

---

但也没有理由使用绝对定位;只需将其设为正确的display:block项。例如：http://jsfiddle.net/CwrMq/1/

Answer 3

您的.alt_page_navigation div已设置display: inline-block。如果你在css中删除这一行 - 你的div将清除浮动。如果您希望其内容位于页面的中心，只需向其添加text-align: center并确保其内容为inline-block（现在您的a是块级别）。您可以在此处查看工作示例：http://jsfiddle.net/6FNH6/

Answer 4

这是我倾向于在这种情况下使用的解决方案。

您的分页器需要进入一个水平定位的容器

看到这个小提琴 - http://jsfiddle.net/94MwF/1/

基本上你使用text-align水平居中，而绝对位置则放在底部。