CSS的绝对定位

  • Z时代
  • 2024-01-10
  • 分类：综合

具有 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>

以上是 CSS的绝对定位 的全部内容， 来源链接： utcz.com/z/316724.html

回到顶部