
相对定位更改 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>










