在网页开发中，有时需要让元素位置固定在屏幕的底部，这样即使页面上下滚动，该元素也不会随之移动。这时候就需要使用CSS来实现位置锁定。

方法一：使用绝对定位

.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，让它自身对齐到页面底部。

以上两种方法都能实现底部固定元素，选择哪种方法取决于具体情况和个人习惯。