css div永远在底部 |css设置背景画布

首先，大家可以通过设置元素的position属性为absolute，配合bottom:0，将元素定位在页面底部。但是这种方法的局限性比较大，因为元素的高度必须已知，不然会导致其他内容被遮挡。

.bottom {
position: absolute;
bottom: 0;
height: 50px; /* 元素高度必须已知 */
}

另一种更为灵活的方法是使用弹性布局。大家可以通过将元素的父元素设置为弹性容器，并将主轴方向设置为垂直方向，使元素自动沉到底部。

.container {
display: flex;
flex-direction: column;
min-height: 100vh; /* 设置父元素最小高度，以免内容过少时元素无法到底部 */
}
.bottom {
margin-top: auto; /* 使用auto填充垂直方向剩余空间 */
}

结合上述两种方法，大家可以实现一个永远保持在底部的元素，同时保持布局的灵活性和兼容性。