首页 > web前端 > css教程 > 正文

使用 CSS 固定位置

WBOY
发布: 2023-09-01 12:57:03
转载
1194 人浏览过

使用 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 固定位置的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:tutorialspoint.com
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!