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

时间:2013-08-05 04:50:16

标签: javascript jquery html html5 webpage

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

2 个答案:

答案 0 :(得分:27)

您需要使用position: fixed

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

这是小提琴:http://jsfiddle.net/uw8f9/

答案 1 :(得分:-3)

为浮动DIV尝试此样式

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