相对位置会更改HTML元素相对于其通常显示位置的位置。因此，“ left：20”会将20像素添加到元素的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>