0

我对 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。我正在使用 3000 像素进行测试,但我页面中的实际 div 的大小为 1100 像素,问题在那里非常真实

4

1 回答 1

1

margin: 0 auto;应该为您居中 div。

我更新了你的小提琴以包括 margin:0 auto; 而不是左:50%;等等

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

如果这不是您想要的,请告诉我,我可以尝试进一步帮助您。

于 2013-11-11T18:51:09.727 回答