html - 将 div 置于底部

Question

我正在尝试将 div 定位为父 div 内的页脚。

<div>
...some content...
<div id='footer'>
<span style='float:left'>Left text</span>
<span style='float:right'>Right text</span>
</div>
</div>

现在左右元素都可以了，但是页脚 div 并没有与包含 div 的底部对齐，而是与其内容的底部对齐。

但是，如果我尝试为页脚放置 position:absolute，它会失去对父 div 宽度的把握，因此左右跨度会一个接一个。

score 2 · Accepted Answer

position:relative;在容器和position:absolute; bottom:0; height:auto;页脚上使用。

score 1 · Accepted Answer

您正在寻找的是（我认为）一个粘性页脚。在这里查看一个好的技术：http ://ryanfait.com/sticky-footer/

score 1 · Accepted Answer

如果你还在寻找，我在这里实现了我认为你想要的：

它是一个独立的文件，IE 所有的 CSS 都带有标记，所以你应该能够看到发生了什么。

完整的文章在这里：

给你的是一个页眉、两列和一个页脚。

一列用于导航，另一列用于主要内容。页脚位于主列的底部。如果内容小于全屏，页脚将保留在屏幕底部。但是，一旦您获得的内容多于屏幕，它将与其余数据一起滚动。

3 回答 3