Css 禁用水平滚动而不隐藏溢出

我已经创建了我的网页的结构，它由一个标题和7个div组成，所有这些都带有

宽度：100vw

。所有元素都具有

边距：0

和

框大小：borden-box

是否可以禁用水平滚动而不使用

溢出-x:hidden

我将在下面发布相关代码部分，请询问您是否想查看整个文档

HTML:

我很抱歉，如果之前已经讨论过这个问题，我能找到的所有答案都涉及溢出属性或错误，其中元素超过了视口的100%

---

谢谢。

只需删除您指定的所有宽度，因为这是block元素的默认行为，将占用100%的宽度。您需要注意，因为100vh不等于100%。第一个包括滚动条的计算：

*{
保证金：0；
填充：0；
框大小：边框框；
最大宽度：100vw；
字体系列：“蒙特塞拉特”，无衬线；
字体大小：400；
}
#导航{
高度：100px；
填充：0.2vw；
字号：700；
}
.p5_集装箱{
高度：计算（100vh-100px-150px）；
背景颜色：米色；
}
.阿罗{
高度：150像素；
背景色：#6195B2；
}

给出

最大宽度：100%和
宽度：100vw
至
*
等级


*{
保证金：0；
填充：0；
框大小：边框框；
最大宽度：100%；
宽度：100vw；
字体系列：“蒙特塞拉特”，无衬线；
字体大小：400；
}
#导航{
高度：100px；
填充：0.2vw；
字号：700；
}
.p5_容器{
高度：计算（100vh-100px-150px）；
背景颜色：米色；
}
.arrow{
高度：150像素；
背景色：#6195B2；
}






您应该使用%而不是vw，因为vw占据浏览器视口的整个宽度。此外，该页面还提供了一个垂直滚动条。这就是为什么100vw width不减去右侧滚动条的宽度，并显示水平滚动。而是使用：

width: 100vw;

如果要真正删除水平滚动，请使用：

width: 100%;

谢谢，我试过了，效果很好。width:100vw属性将强制我向所有元素（例如链接）添加宽度，但我尝试删除它，它仍然有效。宽度：自动到其他元素也修复了这个问题。为曲棍球而努力。为什么给予最大宽度100%的值而不是100vw可以解决问题？它是否与浏览器和滚动条宽度有关？水平滚动之所以出现，是因为垂直滚动可以通过给出
max width:100%
来解决，而不是
max width:100vw
和
vw
获取浏览器视口的全宽，其中不包括滚动条宽度。这是如此有帮助！谢谢@ANKITATELTHANK你这个成功了，但是为什么它没有成功呢？有什么解释吗，这样我就可以避免将来的错误了？编辑：不工作的原因是在下面回答的。@ MITSEAL我认为VIEWPORT考虑卷的宽度太100VW不像100%。您可以在此处阅读更多：。我也更新了我的答案，说出来；）谢谢，问题已经回答了，但是你的评论帮助我理解了为什么没有回答；我以前不工作。
width: 100vw;

width: 100%;