以下是一些使用 top 属性的例子：
1. 相对定位元素的偏移：
.relative-box {
position: relative;
top: 20px;
}
这会使 .relative-box 元素相对于它原本在文档流中的位置向下偏移 20 像素。
2. 绝对定位元素的偏移：
.absolute-box {
position: absolute;
top: 50px;
}
这会使 .absolute-box 元素相对于它最近的已定位祖先元素（如果有）或文档的顶部边缘向下偏移 50 像素。
3. 固定定位元素的偏移：
.fixed-box {
position: fixed;
top: 10px;
}
这会使 .fixed-box 元素相对于视口（浏览器窗口）的顶部边缘向下偏移 10 像素。
在这些例子中，top 属性用于定义元素相对于其包含块或定位父元素的垂直偏移。这样的属性通常与 position 属性结合使用，以便更精确地控制元素的位置。
转载请注明出处：http://www.zyzy.cn/article/detail/6145/CSS