窗口底部的div，而不是页面

Question

我想要一个div元素，在窗口的底部。喜欢老facebook.com底页的div。或者像初始facebook.com的聊天div

Answer 1

您可以使用position: fixed; bottom: 0px。但是在IE6中不起作用。

<style type="text/css">
    #footer { position: fixed; bottom: 0px; }
</style>

<div id="footer">I am at the bottom of the window</div>

Answer 2

尝试使用此功能。这里的底栏是用div元素制作的。我想你可以使用你想要的任何元素，只需引用CSS类。我只测试了div元素

/* HTML */
<div class='always-at-bottom'>Always at bottom!</div>

/* CSS */
.always-at-bottom {
    height:40px;
    position: fixed;
    left: 0;
    bottom: 0%;
    width: 100%;
    background-color: blue;
}