position: absolute 居中底边设置

`position: absolute;` 是CSS中的定位属性之一，它允许元素相对于其最近的非静态定位祖先元素（通常是其包含块）进行定位。当应用于元素并设置了 `top`, `right`, `bottom`, 和 `left` 属性时，该元素会脱离标准文档流，并可以独立于其他内容进行布局。

若想让一个绝对定位的元素居中并且底部对齐，可以采用以下方法：

1. 设置 `top` 为负值，使其向上偏移一定的距离，直到到达视窗中心。
2. 同时设置 `bottom` 为零，保证元素底边贴紧容器的底部边缘。
3. 可能还需要调整左右位置，如使用 `margin: auto` 保持水平居中。

例如：

.container {
  position: relative;
  height: 400px; /* 或者设定一个固定高度 */
}

.center-bottom {
  position: absolute;
  top: 50%; /* 高度的一半 */
  left: 50%; /* 宽度的一半 */
  transform: translate(-50%, -50%); /* 使用transform居中，避免盒模型的影响 */
  bottom: 0;
  width: 200px; /* 或者设定一个宽度 */
}

在这个例子中，`.center-bottom` 将会完全位于 `.container` 的底部并水平居中。