Css 网站右侧的空白区域和不需要的X轴滚动

Css 网站右侧的空白区域和不需要的X轴滚动,css,navbar,viewport,Css,Navbar,Viewport,我的网站和X-scrolling右边有一个不需要的空白区域,我有一个问题。在我看来,导航栏导致了问题,因为它延伸到容器之外。通过GoogleDeveloper模式,我可以关闭clear:导航栏和空格的参数都将消失,但CSS的其余部分将被破坏 视口宽度设置为设备宽度,初始比例设置为1。有人能帮我解决吗 网站地址为英文版poiskdetei.ru或en.poiskdetei.ru 谢谢你 欢迎来到SO。我不知道为什么会有那个区域,但我知道有一种方法可以修复它 您可以简单地将overflow-x:hi

我的网站和X-scrolling右边有一个不需要的空白区域,我有一个问题。在我看来,导航栏导致了问题,因为它延伸到容器之外。通过GoogleDeveloper模式,我可以关闭clear:导航栏和空格的参数都将消失,但CSS的其余部分将被破坏

视口宽度设置为设备宽度,初始比例设置为1。有人能帮我解决吗

网站地址为英文版poiskdetei.ru或en.poiskdetei.ru

谢谢你

欢迎来到SO。我不知道为什么会有那个区域,但我知道有一种方法可以修复它


您可以简单地将overflow-x:hidden添加到正在覆盖的区域。然后,用户将看不到它,滚动条将不再存在。

不需要的x-滚动是由容器内展开的行引起的,因此默认的-15px边距使其拉伸身体

未包装行

包装后输出


谢谢你的回答!嗯,我已经试过了,但是没有解决问题。也许我添加它是错误的,我将它添加到正在进行的div元素的样式中。Manoj的解决方案解决了这个问题,但是您的建议也是非常合理的。谢谢你们两位迅速解决了这个问题!Manoj,这很有帮助!多谢各位!然而,类似的问题仍然存在于手机版本上,至少在Safari上,Iphone 5s更让人恼火。也许你也知道这个问题的解决方案?我想这是缓存问题,但我不能在更小的屏幕上重现这个问题。清除缓存没有结果。首先,我们将在Android设备和不同的屏幕尺寸上进行尝试。再次感谢您的帮助!好的,最后,你的建议结合对body应用overflow-x:hidden和对michaeljones应用htmlthanx是解决方案。一切都像魅力一样,手机上再也没有水平滚动条了。