html - 网站右侧巨大的空白

标签 html css wordpress frameworks

我有一个 Genesis Child Theme那表现得很奇怪。布局看起来是正确的,但是右侧有一个巨大的空白区域,底部有一个滚动条。我终生无法弄清楚是什么导致了空白。当我使用开发人员工具检查时,没有一个 div 伸出到那个空白区域,而且我在 css 中找不到任何会导致该问题的内容。

网站的基本结构是

<body>

  <site-container>

    <header>
    </header>

    <site-inner>
    </site-inner>

    <footer>
    </footer>  

  <site-container>

</body>

上述结构中还有其他 div,但数量很多,我不确定列出每个 div 是否有值(value),因为网站本身需要检查。我不可能列出整个代码结构,因为它是一个基于创世纪的 wordpress 网站。

有谁知道可能导致空白的原因是什么?我以前在创世 child 主题中遇到过这个问题,但结果是一张没有调整大小的图像,很容易找到问题所在。这一次我再也找不到它了。

Here's the site link again.

最佳答案

问题是由搜索输入中的某些 CSS 引起的,大约在第 1456 行。删除 width: 100%:

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

关于html - 网站右侧巨大的空白,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23024667/

相关文章:

javascript - 如何重新创建 Facebook 图像模式?

javascript - Canvas 渲染

html - Safari 上 Bootstrap 容器内的全宽背景

php - 在生产中获取 "Class not found in"但不在本地或开发服务器上

php - 仅获取所有父 WooCommerce 类别

html - 为什么我使用这种格式时 'p.class or li#id' 没有得到应用?

javascript - 如何在URL中使用 anchor 标记?

javascript - 缩小 iPhone 视口(viewport)的脚本?

html - 如何覆盖表的默认CSS

php - 用于所有机场位置的 Skyscanner API 和使用 CURL 的 Travel API