gpt4 book ai didi

html - 滚动条出现在一台机器上的溢出容器中,但另一台机器上没有

转载 作者:行者123 更新时间:2023-11-28 03:40:49 25 4
gpt4 key购买 nike

几周前,我第一次查看我在另一台机器(Ubuntu 上的 Chrome)上创建的 Web 应用程序,并惊恐地看着出现在我所有溢出容器中的滚动条。我记下了稍后修复它的想法,但由于在我常用的机器上查看该站点时看不到问题,所以我很快就忘记了。我只是在我偶尔使用的另一台机器(Mac 上的 Chrome)上查看它,滚动条困惑又回来了。但是,在我现在所在的机器上查看我的 Web 应用程序时,滚动条的行为符合预期。下面是图片来演示。

第一个是我当前机器的屏幕截图,带有 overflow: scroll 的聊天框:

enter image description here

相同的聊天框、相同的代码、相同的浏览器,但在我的另一台 Mac 上:

enter image description here

看看那些丑陋的东西。这就像我的浏览器回到了 10 年前。两台机器的 Chrome 版本相同(58.0.3029.110(64 位)),但 Apple OS 的版本不同(工作的是 Sierra 10.12.4,不工作的是 El Capitan 10.11.5)。同样,这种滚动条行为也出现在 Ubuntu 机器上。请注意,滚动条在两台机器上的 Firefox 中都按预期工作。

编辑

为了演示预期结果,下面是一个垂直滚动条的图像,它只在工作机器上滚动时出现:

enter image description here

最佳答案

尝试使用 overflow:auto; 而不是 overflow:scroll;。它将解决这个问题,因为它会根据父项中的内容自动显示或隐藏滚动条!

关于html - 滚动条出现在一台机器上的溢出容器中,但另一台机器上没有,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44218144/

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