頁面寬度超過屏幕寬度的 100%

Question

我有一個奇怪的問題，我正在設計一個頁面，完成后發現頁面底部有一個水平滾動條，我檢查了頁面html但發現每個標簽都有一個關閉標簽。

我還嘗試使用 jQuery 檢查寬度，發現 $(window).width() = 1351px 和 $(document).width() = 1480px

關於這個問題的原因有什么建議嗎？

Answer 1

使用您的網絡檢查器檢查並刪除內部元素，直到滾動條消失。 然后固定該元素的寬度（float:left 可以工作）。 可能發生的事情是有一個元素對於頁面來說太寬了。 它沒有破壞任何東西，它只是導致滾動條。

Answer 2

我發現最簡單的方法是通過

* {
  max-width: 100%;
}

Answer 3

這個問題來找我了，我已經搜索了整個頁面，並且有一個寬度為 10000 的 div，因為該頁面顯示了一個水平條，我已將其更改為 100% 並且問題已解決我想知道為什么會這樣問題只出現在 chrome 和 edge 中，而不出現在 Firefox 中

如果您的問題僅出現在 chrome 中而不出現在 Firefox 中，請在下方評論。

修復后的代碼是

<div id="ext-comp-1025" style="height: auto; width: 100%;"