網站右側的巨大空白

Question

我有一個創世紀兒童主題，表現得很奇怪。 布局看起來正確，但右側有一個巨大的空白區域，而底部有一個滾動條。 我一生無法弄清楚是什么原因導致了空白。 當我使用開發人員工具進行檢查時，沒有一個div伸入該空白區域，並且在CSS中找不到導致該問題的任何內容。

該網站的基本結構是

<body>

  <site-container>

    <header>
    </header>

    <site-inner>
    </site-inner>

    <footer>
    </footer>  

  <site-container>

</body>

上述結構中還包含其他div，但是其中有很多div，我不確定列出每個div是否有價值，因為需要檢查站點本身。 我無法列出整個代碼結構，因為它是基於創世紀的wordpress網站。

有誰知道什么可能導致空白嗎？ 我以前曾在創世紀兒童主題中遇到過此問題，但事實證明這是一張沒有調整大小的圖像，很容易找到問題。 這次我找不到自己的生命。

Answer 1

該問題是由您的搜索輸入中的CSS引起的，行1456附近。刪除width: 100% ：

#search-3 input {
    width: 100%;
}