CSS中的position: fixed
屬性是一種非常實(shí)用的布局技巧,它允許你固定一個(gè)元素在瀏覽器窗口中的特定位置,即使頁(yè)面滾動(dòng),該元素也會(huì)始終保持在同一位置。
使用position: fixed
屬性的基本語(yǔ)法如下:
.element { position: fixed; top: 0; left: 0; }
在這個(gè)例子中,元素會(huì)被固定在瀏覽器窗口的左上角。top
和left
屬性分別表示元素距離窗口頂部和左邊的距離,如果你想讓元素固定在右下角,你可以將top
和left
屬性的值改為bottom
和right
。
除了top
、left
、bottom
和right
屬性外,position: fixed
元素還可以接受一些其他屬性,例如z-index
,用于設(shè)置元素的堆疊順序。
需要注意的是,使用position: fixed
屬性的元素會(huì)被從正常的文檔流中移除,因此它們不會(huì)影響到其他元素的布局,由于元素的位置是固定的,所以它們不會(huì)隨著頁(yè)面的滾動(dòng)而移動(dòng)。