固定定位(position: fixed)是一種 CSS 屬性,用于將元素定位在瀏覽器窗口的特定位置,無論用戶滾動頁面時如何移動都會固定在這個位置上。
要應用固定定位,您需要將元素的 position 屬性設置為 fixed,并指定元素相對于視口的位置,通常使用 top、right、bottom 和 left 屬性來控制元素的位置。例如:
#fixedElement {
position: fixed;
top: 10px;
right: 10px;
}
在這個示例中,元素“fixedElement”將被定位在視口的右上角,距離頂部和右側各 10px 的位置。
固定定位通常用于創建導航欄、懸浮工具欄、廣告條等固定在頁面某個位置的元素。但需要注意的是,固定定位的元素會脫離文檔流,可能會影響其他元素的布局,因此需要謹慎使用。