(CSS)如何将Div放置在浏览器右下角附近相对于浏览器大小？

Question

看看这张图片:

我想使用div创建一个靠近浏览器右下角的对话框.页脚是固定的,其高度为50px,对话框Div将位于页脚顶部和浏览器的右下角,如图所示.

注意:要求是Div必须相对于浏览器大小处于所需位置.这意味着当用户缩小以扩展浏览器时,div也会被移动,但无论div如何移动,它都应该始终处于图中所示的所需位置.

那么,我怎么能在CSS中做到这一点？

Answer 1

如果您希望元素在不考虑滚动的情况下粘贴,请使用position: fixed:

{
    position: fixed;
    bottom: 50px;
    right: 0;
}