CSS中的top屬性是用來(lái)設(shè)置元素與其父容器頂部的偏移量。這個(gè)偏移量可以用像素（px）、百分比（%）、em和rem等單位來(lái)表示。當(dāng)使用百分比時(shí)，它相對(duì)于其父容器的高度而不是寬度進(jìn)行計(jì)算。

在一個(gè)使用了position屬性的元素中，我們可以使用top屬性來(lái)設(shè)置其相對(duì)于父容器頂部的位置。例如，下面的代碼將把元素移動(dòng)到其父元素頂部的83%處：

.parent {
position: relative;
height: 500px;
}
.child {
position: absolute;
top: 83%;
}

在上面的代碼中，.parent是.child的父元素，我們?yōu)槠湓O(shè)置了一個(gè)高度為500像素的相對(duì)定位。接著，我們將.child的定位屬性設(shè)置為絕對(duì)定位，并使用top屬性將其置于父元素的83%處。由于百分比的值是相對(duì)于其父元素高度計(jì)算的，因此.child元素將被設(shè)置在父元素的高度的83%處。

注意，在使用top屬性時(shí)，需要將其作用的元素的position屬性設(shè)置為relative或者absolute，否則無(wú)法生效。而且，當(dāng)top的值大于容器的高度時(shí)，元素將不可見(jiàn)，并且被截?cái)唷?/p>