使用 CSS 固定位置

原创

ithorizon 5个月前 (10-19) 阅读数 54 #CSS

固定定位允许您将元素的位置固定到页面上的特定位置，而不管滚动如何。指定的坐标将相对于浏览器窗口。

您可以使用两个值 top 和 left 以及 position 属性将 HTML 元素移动到任意位置在 HTML 文档中。

向左移动 - 向左使用负值。
向右移动 - 使用正值左的值。
上移 - 对顶部使用负值。
向下移动 - 对顶部使用正值。
向下移动 - 对顶部使用正值。
li>

示例

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

 <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>

以上就是使用 CSS 固定位置的详细内容，更多请关注IT视界其它相关文章！

文章标签：位置负值您可以元素详细内容

上一篇：SASS 中的文件分割下一篇：如何通过悬停在图像或图标上来翻译它？

使用 CSS 固定位置

示例

作者文章