CSS中的top屬性用于指定元素的上邊緣相對于其包含塊上邊緣的偏移量。

/*將元素的上邊緣位置設(shè)定為相對于其父元素上邊緣向下偏移20px*/
.top {
position: relative;
top: 20px;
}

需要注意的是，top屬性只能用于絕對或相對定位的元素，否則該屬性不生效。

此外，top屬性還可以與left、right和bottom屬性一起使用，用于指定元素相對于其包含塊的位置。

/*將元素的上邊緣位置設(shè)定為相對于其父元素上邊緣向下偏移20px，同時將元素的左邊緣位置設(shè)定為相對于其父元素左邊緣向右偏移10px*/
.top-left {
position: absolute;
top: 20px;
left: 10px;
}

通過使用top屬性，我們可以輕松地控制元素在頁面中的位置，從而實現(xiàn)更加靈活的頁面布局。