CSS 位置 top 属性

CSS 位置 top 属性

描述

top 属性定义了绝对定位元素相对于其定位上下文顶部边缘的偏移量,或者相对定位元素的垂直位移距离。

可能的值

  • length − 与定位上下文顶部的固定距离。

  • percent − 相对于定位上下文高度的某个百分比,假设上下文的高度已经明确设置。如果没有设置,则将 top 的百分比值视为 auto。

  • auto − 默认值。让浏览器计算 top 位置。

适用于

所有 HTML 定位元素。

DOM 语法

object.style.top = "2px";

示例

下面是一个显示此属性效果的示例-

<html>
   <head>
   </head>

   <body>
      <p style = "position:absolute; top:100px;">
         This line will be positioned 100px below from the top edge of this window.
      </p>
   </body>
</html>

它将产生以下结果−

CSS 位置 top 属性

Python教程

Java教程

Web教程

数据库教程

图形图像教程

大数据教程

开发工具教程

计算机教程