CSS中的top屬性是用來描述元素的垂直位置,也就是元素距離其父元素頂部的距離。
div { position: absolute; top: 50px; }
上述代碼表示將一個div元素的位置固定在相對其父元素絕對定位的位置,距離父元素頂部50px。
top屬性的值可以是正數(shù)、負數(shù)或百分比,當值為正數(shù)時表示元素距離父元素頂部的距離,當值為負數(shù)時表示元素超出父元素頂部的距離,當值為百分比時表示元素距離父元素頂部的距離相對于父元素高度的百分比。
div { position: relative; top: -20px; }
上述代碼表示將一個div元素相對于其父元素位置向上移動20px。
需要注意的是,top屬性只對定位元素有效,包括絕對定位、固定定位和相對定位的元素,而對于普通流中的元素則無效。