如何使漂浮在页面底部的浮动div

Question

如果当前页面的底部位于窗口屏幕上方，我想制作一个浮动div，该浮动div将位于页面底部，否则它将位于窗口屏幕上方任务栏，如果我们滚动页面，它将保持其当前位置。

Answer 1

您需要使用position: fixed

#footer { 
    position: fixed; 
    bottom: 0; 
    width: 100%; 
} 

这里的小提琴：http://jsfiddle.net/uw8f9/

其他一些参考

• CSS Sticky Footer
• New CSS Sticky Footer

Answer 2

尝试这种风格的浮动DIV

{ 
display:block; 
position:absolute; 
float:left; 
bottom:0px; 
left:20px; 
}