css绝对位置不适用于margin-left：auto margin-right：auto

小编典典

html

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

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

左边距和右边距无效

但是，如果您有亲戚，它可以正常工作，即

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

这是为什么？我只想将元素居中

有人可以解释为什么将页边距设置为绝对位置无效吗？

阅读 671

2020-05-10

共1个答案

小编典典

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

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

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

然后为元素提供固定的宽度和高度，例如200px或40％，元素 将自动 居中。

2020-05-10