如何制作一个漂浮在页面底部的浮动div

【问题标题】：how to make a floating div that will float at the bottom of page如何制作一个漂浮在页面底部的浮动div
【发布时间】：2018-07-05 23:53:56
【问题描述】：

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

【问题讨论】：

【解决方案1】：

你需要使用position: fixed

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

【讨论】：

使用 z-index 使元素出现在页面上所有其他元素的顶部
position:sticky 是另一个不错的、更新的选项，如果您需要浮动元素的宽度基于其父元素的某个百分比。（粘性元素后面至少需要一个兄弟元素，但你可以只做一个填充 div）

【解决方案2】：

为您的浮动 DIV 尝试这种样式

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

【讨论】：