定位一个位于底部的<div> </div>

Question

即使滚动页面，如何在页面底部放置<div>？它可以用CSS完成，还是我也需要使用jQuery？

DEMO

Answer 1

只需添加position:fixed;：

http://jsfiddle.net/niklasvh/gyExR/17/

Answer 2

您可以为div使用固定定位：

div.footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;   
    height: 100px;     
    /* etc. */
}

Answer 3

在“页脚”position: fixed上使用div，并将padding-bottom: 50px（与“页脚”div相同的高度）添加到body，以便滚动到底部时，没有任何内容被隐藏：

请参阅： http://jsfiddle.net/gyExR/19/

body {
    padding-bottom: 50px
}
div {
    position: fixed;
    ..
}

浏览器支持：http://caniuse.com/css-fixed