在網(wǎng)頁開發(fā)中，有時需要讓元素位置固定在屏幕的底部，這樣即使頁面上下滾動，該元素也不會隨之移動。這時候就需要使用CSS來實現(xiàn)位置鎖定。

方法一：使用絕對定位

.bottom-fixed {
position: absolute;
bottom: 0;
}

該方法適用于底部固定元素的高度已知的情況。通過將元素的定位方式設置為絕對定位，然后將底部定位為0，就能讓元素固定在屏幕底部。

方法二：使用flex布局

body {
display: flex;
flex-direction: column;
min-height: 100vh;
}
main {
flex: 1;
}
.footer {
align-self: flex-end;
}

該方法需要使用到flex布局。首先將body元素設置為flex布局，并設置其flex-direction屬性為column，這樣子元素會在縱向上排列。然后在main元素上使用flex: 1，讓其填充剩余的空間。最后在底部固定元素上使用align-self: flex-end，讓它自身對齊到頁面底部。

以上兩種方法都能實現(xiàn)底部固定元素，選擇哪種方法取決于具體情況和個人習慣。