页脚 <div> 滚动时不停留在页面底部-CSS和HTML

Question

My footer is not all the way on the bottom. It should be the very last thing on the bottom of page below the fold. All I need is to have a footer at the bottom of page, not the bottom of screen.

You can see it here: http://bit.ly/zftRi3

Answer 1

Remove position: absolute; from <div id="footer"> . Since your footer is after all your other HTML, that is the default behavior.

Demo: http://jsfiddle.net/ThinkingStiff/NwdGN/

Answer 2

将position: absolute更改为position: fixed 。

Answer 3

将页脚从position:absolute !important更改为position:relative ，它应该随页面移动到底部。

Answer 4

Try this:

#page-container {
    margin: 0 auto;
    overflow: hidden;
    width: 999px;
}

#footer {
    background: url("../../skin/fashion_mosaic_grey/css/../images/fashion_mosaic/horiz_separator.gif") repeat scroll left top transparent;
    clear: both;
    height: 68px;
}

Edit:

Remove the bottom property of .footer and it works. :)