css设置position后为什么margin:0 auto； 失效了

当你为一个元素设置了 position: relative、position: absolute 或 position: fixed 属性时，它就成为了一个“定位元素”，此时 margin: 0 auto 不再能够水平居中该元素。

margin: 0 auto 只对非定位元素起作用，它依赖于块级元素的自身宽度和父元素的宽度来实现水平居中。

如果你想要在设置了 position 属性后仍然实现水平居中，可以使用其他方法，例如设置left: 50% 和 transform: translateX(-50%) 或者使用 flex 布局等。具体的实现方法取决于你的布局需求和具体的元素结构。

以下是使用 left 和 transform 属性实现的一个例子：

.element {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

希望能帮到你！如有更多问题，请随时提问。