當我們在制作網頁時,有時候需要讓某一元素的位置固定不變,即不隨著頁面滾動而改變位置,這時候我們需要使用CSS來設置元素的“固定定位(fixed position)”。
position: fixed;
上述代碼可以將元素設置為固定定位,即不隨頁面滾動而改變位置。此時元素的位置相對于瀏覽器窗口來定位,而不是相對于文檔流中其他元素來定位。
我們也可以通過設置固定定位元素的top、left、right、bottom屬性來更具體地控制元素的位置。
position: fixed; top: 0; left: 0;
上述代碼將元素固定在頁面的左上角。如果我們需要將元素固定在頁面的右上角,則將left屬性改為right即可。
需要注意的是,使用固定定位的元素不會占據文檔流中的空間,因此在排版時需要考慮到該元素的位置,以免與其他元素重疊。