Html CSS将元素保持为“0”；固定的；屏幕上的位置

我正在寻找一个技巧，使用CSS在浏览器屏幕上创建一个“固定”HTML对象。我希望它始终保持在相同的位置，即使用户滚动文档时也是如此。我不确定这是什么合适的术语

这就像Facebook上的聊天按钮或一些网站上的反馈按钮一样，在整个页面中都会跟着你

在我的情况下，我希望在屏幕的右下角始终保留一个div。感谢您的CSS示例。

您可能正在寻找

---

除IE6和许多移动设备外，它在任何地方都能工作。

位置：固定

会让这一切发生

它的处理方式类似于
位置：绝对
例外，当用户向下滚动内容时，它将随窗口滚动
 您可以这样做：

#mydiv {
    position: fixed; 
    height: 30px; 
    top: 0; 
    left: 0; 
    width: 100%; 
}

这将创建一个
div
，该div将固定在屏幕顶部。-
 最简单的方法是使用
位置：fixed
：

.element {
  position: fixed;
  bottom: 0;
  right: 0;
}


（注意，position fixed有缺陷/在ios和android浏览器上不起作用）
调整：

position:fixed; 

工作正常，但它会破坏某些选项。例如，带有固定位置标记的可滚动菜单将不再随浏览器窗口扩展…希望有另一种方法将某些内容固定在顶部/始终可见。
尝试以下方法：

p.pos_fixed {
    position:fixed;
    top:30px;
    right:5px;
}

确保您的内容保存在
div
，比如divfix

<div id="divfix">Your Code goes here</div>

希望，它能帮助你..
HTML

<div id="fixedbtn"><button type="button" value="Delete"></button></div>

为了在更改浏览器缩放时将浮动文本保持在图像上的相同位置，我使用了以下CSS：

position: absolute;
margin-top: -18%

我认为它的作用是%而不是固定像素。干杯

position: sticky;

当您到达滚动位置时，粘滞元素会粘在页面顶部（顶部：0）

见示例：

添加了
z-index
，使任何具有更大属性的元素都黯然失色。
@MichaelJCalkins我有，这太棒了！OP要求内容始终保持在右下角可见。据我所知，sticky不允许这样做。>我希望它始终保持在相同的位置，即使用户滚动文档时也是如此。
position: absolute;
margin-top: -18%

position: sticky;

#fixedbutton {
    position: fixed;
    bottom: 0px;
    right: 0px; 
    z-index: 1000;
}