使用 CSS 固定位置
- WBOY转载
- 2023-09-01 12:57:031161浏览
固定定位允许您将元素的位置固定到页面上的特定位置，而不管滚动如何。指定的坐标将相对于浏览器窗口。
您可以使用两个值 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删除
上一篇：CSS 变换属性的使用下一篇：如何使用CSS延迟过渡效果