gpt4 book ai didi

html - 当滚动出现时居中的 div 改变位置

转载 作者:可可西里 更新时间:2023-11-01 14:57:56 27 4
gpt4 key购买 nike

我有一个居中的 div 容器(通过 margin-left:auto 和 margin-right:auto)并且页面设计在加载时看起来很好......在这个 div 下面还有另一个隐藏的,它会根据用户请求显示。但是当发生这种情况时,浏览器滚动会出现并弄乱我的设计,因为居中的 div 也会向左移动几个像素(因此它可以再次位于中心)。

可以阻止这种行为吗?

替代解决方案是添加 overflow-y:scroll 但我发现并非所有浏览器都支持 overflow-y 并且我找不到哪些浏览器......有人可以发布一个链接,我可以在其中查看 css3 函数的浏览器支持列表吗?

最佳答案

滚动总是显示,可能不利于布局。

尝试用css3限制body宽度

body {
width: calc(100vw - 34px);
}

vw 是视口(viewport)的宽度(一些解释参见 this link)
calc 在 css3 中计算
34px 代表双滚动条宽度(如果您不信任固定大小,请参阅 thisthis to calculate)

关于html - 当滚动出现时居中的 div 改变位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5127677/

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