gpt4 book ai didi

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

转载 作者:太空宇宙 更新时间:2023-11-04 14:21:09 24 4
gpt4 key购买 nike

我对 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 并且问题在那里非常真实

最佳答案

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.

关于css - 为什么通过 "margin"技巧居中的大 div 从左侧切掉,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19913352/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com