使用 CSS 进行相对定位
- PHPz转载
- 2023-08-27 15:13:021282浏览
相对定位更改 HTML 元素相对于其正常显示位置的位置。因此，“left:20”会向元素的 LEFT 位置添加 20 个像素。
您可以使用两个值top和left以及属性用于将 HTML 元素移动到 HTML 文档中的任意位置。
- 向左移动 - 对左使用负值。
- 向右移动 -向左使用正值。
- 向上移动 -顶部使用负值。
- 向下移动 - 顶部使用正值。
示例
您可以尝试运行以下代码来实现相对定位 -
<html>
<head>
</head>
<body>
<div style = "position:relative;left:80px;top:2px;background-color:yellow;">
This div has relative positioning.
</div>
</body>
</html>以上是使用 CSS 进行相对定位的详细内容。更多信息请关注PHP中文网其他相关文章！
声明：
本文转载于：tutorialspoint.com。如有侵权，请联系admin@php.cn删除
上一篇：如何在 CSS 中设置旋转元素的基本位置？下一篇：使用数据表分页