使用CSS固定定位

固定位置允许您将元素的位置固定到页面上的特定位置,而无需滚动。指定的坐标将相对于浏览器窗口。

您可以使用两个值顶部和左侧 与沿位置 属性移动HTML文档中的HTML元素的任何地方。

  •  左移-使用负值的离开

  •  向右移动-为使用正值。 

  •  上移-对top使用负值。

  •  下移-将正值用作顶部

示例

您可以尝试运行以下代码以实现固定定位

 <html>
    <head>
    </head>
    <body>
       <div style = "position:fixed; left:80px; top:20px; background-color:blue;color:white;">
          This div has fixed positioning.
       </div>
    </body>
</html>