如何让 CSS 盒子始终保持在网页底部？

IT行业相对于一般传统行业，发展更新速度更快，一旦停止了学习，很快就会被行业所淘汰。所以我们需要踏踏实实的不断学习，精进自己的技术，尤其是初学者。今天golang学习网给大家整理了《如何让 CSS 盒子始终保持在网页底部？》，聊聊，我们一起来看看吧！

如何让 css 盒子始终处于底部

在 html 中，创建一个具有 footer 类的外层容器和一个 nội dung 类的外层容器。外层容器使用 flex-direction: column; 垂直排列内部元素，并使用 min-height: 100vh; 将容器高度设置为视口高度。

在 css 中，为 footer 类指定以下样式：

.footer {
  margin-top: auto;
  width: 100%;
  background: #42ace8;
  color: white;
  text-align: center;
  padding: 40px 0 40px 0;
  font-size: 18px;
}

添加 margin-top: auto; 将盒子推到容器的底部。即使容器高度改变，盒子也会保持在底部。

以上就是《如何让 CSS 盒子始终保持在网页底部？》的详细内容，更多关于的资料请关注golang学习网公众号！