CSS中可以使用position
屬性來固定元素的位置,該屬性有以下四個(gè)值:static
、relative
、absolute
和fixed
。
static
:這是默認(rèn)值,元素按照正常的文檔流進(jìn)行定位。
relative
:元素按照正常的文檔流進(jìn)行定位,但可以通過top
、right
、bottom
和left
屬性進(jìn)行微調(diào)。
absolute
:元素脫離文檔流,可以通過top
、right
、bottom
和left
屬性進(jìn)行定位,并且位置是相對(duì)于***近的已定位祖先元素(而非整個(gè)文檔)。
fixed
:元素脫離文檔流,可以通過top
、right
、bottom
和left
屬性進(jìn)行定位,并且位置是相對(duì)于瀏覽器窗口(而非整個(gè)文檔)。
如果想要讓元素位置固定,可以使用position: fixed;
屬性,并且配合top
、right
、bottom
和left
屬性進(jìn)行定位,如果想要將一個(gè)元素固定在頁面的右下角,可以寫為:
position: fixed; bottom: 0; right: 0;
這樣,元素就會(huì)固定在頁面的右下角,并且不會(huì)隨著頁面的滾動(dòng)而移動(dòng)。