如何用 CSS 使盒子始终固定在底部？

如何将 css 盒子始终固定在底部？

在 css 中，要使盒子始终处于底部，可以使用 margin-top: auto 属性。此属性会自动调整容器顶部外边距，使得盒子始终保持在容器的底部。

在你的示例中，可以通过在 .footer 类中添加 margin-top: auto 属性来实现所需的效果。

修改后的 .footer 样式代码如下：

.footer {
  /* 其他样式 ...*/
  margin-top: auto;
}

应用此更改后，盒子将始终位于容器的底部，无论容器高度如何变化。