为什么我的Div偏向右侧而不是居中？

Question

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

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

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

如果您看一下下面发布的小提琴，您会发现左侧比右侧的空间更大。 如果看不到，请尝试扩展预览窗口。 非常感谢任何帮助，谢谢！

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

Answer 1

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

您可以从元素中删除position:absolute ，然后添加vertical-align:top来解决垂直对齐问题。 值得注意的是，绝对定位的元素实际上是从流程中删除的，并且没有考虑其他元素的位置。 因此，元素相对于盒子的容纳块定位

此处更新示例

.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;
}