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>
它将产生以下结果−