Div偏向右侧而不是居中

Question

我不太清楚为什么，但我不能为我的生活找出为什么我的div偏向右边。我对定位仍然有点困惑所以我可能在那里犯了一个错误。

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

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

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

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

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