html - CSS 绝对位置不适用于 margin-left :auto margin-right: auto

Question

假设您将以下 CSS 应用于 div 标签

.divtagABS {
    position: absolute;
    margin-left: auto;  
    margin-right: auto;
}

margin-left和margin-right不生效

但如果你有亲戚，它工作正常 即

.divtagREL {
    position: relative;
    margin-left: auto;  
    margin-right: auto;
}

这是为什么呢？我只想让一个元素居中。

有人可以解释为什么在绝对位置将边距设置为 auto 不起作用吗？

Answer 1

编辑:这个答案曾经声称不可能使用 margin: auto; 将绝对定位的元素居中，但这根本不是真的。因为这是投票最多和接受度最高的答案，所以我想我只是将其更改为正确的。

当您将以下 CSS 应用于元素时

position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;

然后给元素一个固定的宽度和高度，比如 200px 或 40%，元素会自己居中。

这是 a Fiddle效果图。