div相对定位水平居中

如果一个 div 元素被设置了相对定位（`position: relative;`），可以通过调整其 `left` 属性来实现水平居中。具体来说，可以将 `left` 属性设置为 50%，同时将 `transform` 属性设置为 `translateX(-50%)`。示例代码如下：

div {
  position: relative;
  width: 200px;
  left: 50%;
  transform: translateX(-50%);
}

这样，div 元素就会相对于其父元素水平居中。需要注意的是，这种方式只在父元素有确定宽度时才有效。如果父元素没有设置宽度，子元素会相对于整个页面居中，而不是相对于父元素居中。同时，需要考虑到子元素的宽度，以便在居中时不会出现偏差。