css - 为什么通过 "margin"技巧居中的大 div 从左侧切掉

Question

我对 div 居中有一个非常奇怪的问题，我能够缩小到这个 Fiddle .基本上我有非常大的 div (3000px)，我想将它放在页面的中心。我使用了负边距的旧好技巧:

.my_div
{
    width:3000px;
    position:absolute;
    left:50%;
    margin-left:-1500px;
}

当浏览器窗口小于 3000 像素时，我非常震惊地发现这会剪切 div 的最左侧部分(在 Firefox 25 和 Chrome 30 中测试)。我肯定遗漏了一些明显的东西，因为我使用这个技巧已经几年了，而且从来没有遇到过任何问题......

编辑: 澄清一下，我不希望滚动居中，我希望 div 居中(以防 div 小于窗口)。如果 div 更大，那么滚动到最左边对我来说完全没问题，我只需要不通过浏览器剪切 div。我正在用 3000px 进行测试，但我页面中的实际 div 大小为 1100px 并且问题在那里非常真实

Answer 1

margin: 0 auto; 应该让 div 居中。

我更新了你的 fiddle 以包含 margin:0 auto;而不是 left:50%;等

我还添加了一个较小的 div，它也使用 margin:0 auto;显示它如何使用较小的 div。

Let me know if this isn't what you're looking for and I can try to help you further.