我有一些絕對定位的裝飾元素，它們的一部分在屏幕外移到了一邊。

我用body { overflow-x:hidden；解決了這個問題；}這通常看起來很有效。然而，在移動設備上，溢出的裝飾元素創建了水平滾動條，例如，標題中右對齊的移動菜單控件完全在視口之外。

看到一些貼出的勸誡html，body { overflow-x:hidden；}，但當我嘗試這樣做時，它修復了移動問題，但在所有上下文中創建了不穩定的垂直滾動。這就像你必須垂直滑動一次，屏幕就會向右下方滾動一個全高滾動條。然后再次快速滑動，卷軸就可以工作了。

我錯過了最初的問題，因為我是用一個狹窄的瀏覽器窗口測試，而不是適當的移動仿真。我看到過一些關于meta 'viewport '標簽對此的影響的介紹，一個解決方法是直接在主體內添加一個包裝器div，并對其應用overflow-x --但是雖然它修復了移動水平滾動，但它保留了上述不穩定的垂直滾動問題。

作為參考，我的meta標簽是& ltmeta name = & quot視窗& quotcontent = & quotwidth =設備寬度，initial-scale = 1.0 & quot；& gt。

我已經找不到可以嘗試的東西了，有什么主意嗎？

更新:不幸的是，這很難復制。我創建了一支筆來顯示事物的本來面目(overflow-x:只在html上隱藏)。最好在一個新標簽頁中打開預覽窗格。如果你把視窗縮小到移動寬度，你會在右上角看到紅色的東西，沒有水平滾動。但是如果進入移動仿真，就不行了。這是通過添加overflow-x:hidden到body來修復的-但是我發現了垂直滾動不穩定的問題(在live站點上)。現場肯定有什么不為人知的東西導致了這一點——我會繼續尋找并嘗試復制。

這個問題原來是一些黑客在頁腳CSS。這里的關鍵是有條不紊地檢查DOM inspector中的所有元素，并刪除單個元素，直到找到問題。也許應該先嘗試一下——在未能構建一個重現問題的代碼示例，添加元素來查找問題之后，我才開始移除元素來查找問題。