为什么大型div通过" margin"从左侧切割技巧

时间:2013-11-11 18:34:31

标签: css html

我对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,问题非常真实

1 个答案:

答案 0 :(得分:1)

margin: 0 auto;应该为您设置div。

我更新了你的小提琴,包括保证金:0 auto;而不是左: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.