我有一個帶選單的標題，當螢屏寬度小于 650 像素時，它會更改為漢堡選單。在該選單被定位為絕對之后并向右平移。當我點擊漢堡選單時，它會滑入視圖。之后一切正常，但我不能讓溢位消失。我嘗試嘗試向不同的父元素添加溢位，但無濟于事。
這是頁面 - https://badgerwannabe.github.io/rocket-sockets/index.html 這是一個 Github 代表，檔案在這里輸入鏈接描述
將不勝感激任何幫助。
UPD1：重現步驟轉到網站，打開開發工具并將視口調整為小于 650 像素的寬度，嘗試向右滾動，您將看到問題。在此媒體查詢中向正文添加溢位無濟于事
uj5u.com熱心網友回復：
如果您overflow: hidden在打開選單時添加到 body 元素，我認為這就是您要查找的內容。如果沒有，您能否進一步說明您想要擺脫的溢位？
編輯：根據評論，如果您添加overflow-x: hidden到body標簽，那應該為您做。
uj5u.com熱心網友回復：
該問題的發生是由于以下因素。
...
<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元素。 - 為上述元素設定正確的寬度。
uj5u.com熱心網友回復：
當您將選單向右平移（即不在視圖中）時，您還可以設定它
display: none;
將其重新設定為
display: flex
當您希望它滑入視圖時。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/346977.html
標籤：javascript html css 媒体查询 溢出