position:absolute实现水平居中

可以这样做：

1. 设置父元素的 `position` 属性为 `relative`。
2. 设置子元素的 `position` 属性为 `absolute`。
3. 设置子元素的 `left` 属性为 `50%`，并设置一个负的 `margin-left` 值，使其移动回到中间。这个值应该是子元素宽度的一半。

示例代码：

.parent {
  position: relative;
}

.child {
  position: absolute;
  left: 50%;
  margin-left: -50px; /* 宽度的一半 */
}

注意：这个方法只能让子元素在父元素内部水平居中，如果想要让子元素整个水平居中，可以将父元素设置为 `body` 或者 `html`。