CSS的绝对定位

具有 position:absolute的元素位于相对于屏幕左上角的指定坐标处。

您可以使用两个值 顶部  左侧与沿位置属性移动HTML文档中的HTML元素的任何地方。

  • 向左移动-向左使用负值 。

  •  向右移动-向左使用正值

  •  上移-使用负值作为 顶部。

  •  下移-使用正数作为顶部。

示例

您可以尝试运行以下代码以实现绝对定位-

<html>
   <head>
   </head>
   <body>
      <div style = "position:absolute; left:80px; top:20px; background-color:yellow;">
         This div has absolute positioning.
      </div>
   </body>
</html>