Css 无法在中心对齐绝对div

也许这与它的位置是绝对的这一事实有关，但是你会如何定位一个绝对的

div

使用

top

，而不是

margin top

有效，但是

left

而不是

margin left

不会影响它。为什么?

.title
{
  display:block;
  position: absolute;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  height: 10%;
  top : 80%;
}




<div class="title fontHugeTitle2"><h1> The Best  In Town </h1></div>

.title
{
显示：块；
位置：绝对位置；
宽度：90%；
左边距：自动；
右边距：自动；
身高：10%；
最高：80%；
}
城里最好的

左：自动；右：auto

不会像

margin:0 auto

那样将div居中，但是您有一个固定的宽度，您可以将

left

属性设置为左侧的一半，例如

left:5%

添加

div {
  width: 100%;
}

改变

<div class="title fontHugeTitle2"><h1> The Best  In Town </h1></div>

城里最好的

到

城里最好的

您的html代码是什么？你能添加完整的相关代码吗谢谢，我不明白：）我知道该怎么做，但不明白为什么它不能与左/右自动工作你的解决方案有效，但为什么我的解决方案不能？背后的逻辑是什么？@Curnelious'left:auto'和'right:auto'不用于居中层。它们用于覆盖现有位置。例如，如果要将层大小从左到其实际大小设置动画，请先设置“left:0”，然后在事件后设置“left:auto”。@Curnelious对于预期结果，文档说-”，当定义了left和right时，元素的位置被过度指定。在这种情况下，当容器从左到右时，left值具有优先权（因此，right的计算值设置为-left）；当容器从右向左时，right值具有优先权（因此，left的计算值设置为-right）。-@velimirtchhatchevsky我没有设置left和right，因此刚才显示的文档不相关。我确实将它们设置为自动，由文档将元素居中。仍然不确定为什么绝对元素不会听他们的。

<div class="fontHugeTitle2"><h1 class="title"> The Best  In Town </h1></div>