我有一个带有菜单的标题，当屏幕宽度小于 650 像素时，它变为汉堡菜单。之后该菜单被定位为绝对并向右平移。当我点击汉堡菜单时，它会滑入视图。之后一切正常，但我不能让溢出消失。 我尝试尝试向不同的父元素添加溢出，但无济于事。
这是页面 - https://badgerwannabe.github.io/rocket-sockets/index.html 这是一个带有文件的 Github 代表enter link description here
如果有任何帮助，将不胜感激。
UPD1：重现步骤 转到网站，打开开发工具并将视口调整为小于 650 像素的宽度，尝试向右滚动，您会看到问题。在此媒体查询中向正文添加溢出没有帮助
【问题讨论】：
标签： javascript html css media-queries overflow
如果您在打开菜单时将overflow: hidden 添加到正文元素，我认为这就是您要寻找的。如果没有，您能否进一步说明您要消除的溢出？
编辑：根据评论，如果您将overflow-x: hidden 添加到body 标记，那应该会为您完成。
【讨论】：
html {overflow-x: hidden;} 在 650px 断点处也应该修复它
由于以下因素而发生此问题。
...
<img class="background-line" alt="background-line" src="assets/images/Path 18.png">
...
<img id="mailbox-sm" src="assets/images/Mask Group 4.png" alt="small mailbox">
...
有两种选择。
overflow-x: hidden 添加到body 元素。【讨论】：
当您将菜单平移到右侧（即看不见）时，您也可以设置它
display: none;
重新设置
display: flex
当您希望它滑入视野时。
【讨论】：