为什么我的 Div 向右偏移而不是居中？答案

【问题标题】：Why is my Div being off-set to the right instead of centered?为什么我的 Div 向右偏移而不是居中？
【发布时间】：2019-09-09 23:14:24
【问题描述】：

我不太清楚为什么，但我一生都无法弄清楚为什么我的 div 向右偏移。我对定位仍然有些困惑，所以我可能在那里犯了错误。

这是我的容器 div 上的代码：

#box{
     padding: 5px;
     margin-left:auto;
}

如果您查看我在下面发布的 Fiddle，您会注意到左侧的空间比右侧的空间多。如果您没有看到它，请尝试展开预览窗口。非常感谢任何帮助，谢谢！

http://jsfiddle.net/Ya6A3/1/

【问题讨论】：

.large 的左侧边距为 25px，位置为绝对值，因此请尝试不使用绝对值。

标签： css html css-position positioning

【解决方案1】：

这是因为元素 .large 被绝对定位。

您将从元素中删除 position:absolute 并添加 vertical-align:top 以修复垂直对齐问题。值得注意的是，绝对定位的元素本质上是从流程中取出的，并且不考虑其他元素的位置。该元素因此相对于盒子的包含块定位

UPDATED EXAMPLE HERE

.large {
    margin-left: 25px;
    vertical-align: top;
    border: 2px solid;
    margin-bottom: 15px;
    display: inline-block;
    border-radius: 25px;
    background-color: black;
    opacity: 0.4;
    height: 42em;
    width: 30em;
    padding: 0;
}

【讨论】：

完美！非常感谢！