如果你想要在網(wǎng)頁中設(shè)置一個元素的位置不變,不管頁面的滾動條如何滾動,CSS提供了幾種方式來實現(xiàn)這個目標(biāo)。
position: fixed;
使用這個屬性值會使元素固定在頁面上的某個位置,不受滾動條的影響。這個屬性需要搭配top、right、bottom和left來指定元素的位置。
position: absolute;
使用這個屬性值會使元素相對于它的父元素進(jìn)行定位,而不是相對于整個頁面。需要使用top、right、bottom和left來指定元素的位置。
transform: translate();
使用這個屬性可以移動元素,但不會影響它在頁面上的位置。它的參數(shù)可以是像素、百分比、em等等。
上面是三種比較常見的設(shè)置元素位置不變的方式,根據(jù)你的需求可以選擇其中一種或多種進(jìn)行使用。