如何在 css 中保持盒子始终处于底部

要让某个盒子始终位于底部，可以利用 margin-top: auto; 属性。此属性允许盒子根据其父元素的高度自动调整其上边距。

以下是修改后的 CSS 代码：

CSS婚礼策划服务机构宣传网站模板

CSS婚礼策划服务机构宣传网站模板是一款适合提供婚礼策划和婚庆服务机构宣传网站模板下载。提示：本模板调用到谷歌字体库，可能会出现页面打开比较缓慢。

下载

.footer {
  ...
  margin-top: auto;
  ...
}

通过应用此属性，盒子将在父元素中垂直居中，并且在更改父元素的高度时会自动调整其位置。这将解决你点击“上箭头”后盒子位置发生变化的问题。