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