我有一个 Genesis Child Theme那表现得很奇怪。布局看起来是正确的,但是右侧有一个巨大的空白区域,底部有一个滚动条。我终生无法弄清楚是什么导致了空白。当我使用开发人员工具检查时,没有一个 div 伸出到那个空白区域,而且我在 css 中找不到任何会导致该问题的内容。
网站的基本结构是
<body>
<site-container>
<header>
</header>
<site-inner>
</site-inner>
<footer>
</footer>
<site-container>
</body>
上述结构中还有其他 div,但数量很多,我不确定列出每个 div 是否有值(value),因为网站本身需要检查。我不可能列出整个代码结构,因为它是一个基于创世纪的 wordpress 网站。
有谁知道可能导致空白的原因是什么?我以前在创世 child 主题中遇到过这个问题,但结果是一张没有调整大小的图像,很容易找到问题所在。这一次我再也找不到它了。
最佳答案
问题是由搜索输入中的某些 CSS 引起的,大约在第 1456 行。删除 width: 100%
:
#search-3 input {
width: 100%;
}
关于html - 网站右侧巨大的空白,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23024667/