CSS的位置屬性包括position、top、bottom、left、right等,這些屬性可以實現文本或元素在頁面上的定位。其中,位置屬性中的absolute、fixed、relative可以讓元素或文本相對于頁面上的某個位置來定位,從而實現位置居上的效果。
position: absolute; top: 0;
上面的代碼表示讓元素的位置相對于其最近的有定位屬性的祖先元素來定位,并且將其位置上移至頁面最上方。
position: fixed; top: 0;
上面的代碼表示讓元素的位置相對于瀏覽器窗口來定位,并且將其位置固定在頁面最上方,即滾動頁面時該元素位置不變。
position: relative; top: -10px;
上面的代碼表示讓元素的位置相對于其默認文檔流中的位置來定位,并且將其位置上移10像素,實現位置居上的效果。
通過使用以上位置屬性的組合,可以實現頁面上的位置居上效果,讓元素或文本更加突出。