css盒子处于最底部

CSS 盒子如何处于最底部？下面是几种常用的方法：

/* 方法一：使用绝对定位 */
.box {
  position: absolute;
  bottom: 0;
}
/* 方法二：使用 flexbox 布局 */
.container {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.box {
  align-self: flex-end;
}
/* 方法三：使用 grid 布局 */
.container {
  display: grid;
  grid-template-rows: auto 1fr auto;
 /* 设置行高 */
}
.box {
  align-self: end;
}
 

总之，适合自己项目的方式才是最好的方法。希望对你有所帮助！