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

风之吻 网站开发 521

如何用 CSS 使盒子始终固定在底部?-第1张图片-风享汇

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

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

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

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

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

标签: css

发布评论 0条评论)

还木有评论哦,快来抢沙发吧~