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

Question

我想要一个窗口底部的div元素。就像旧版facebook.com底部的div一样。或者像最初facebook.com的聊天分区

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; 
}