网站右侧的巨大空白

Question

I have a Genesis Child Theme that's behaving very strange. 我有一个创世纪儿童主题，表现得很奇怪。 The layout looks correct, but there's a huge blank white space on the right side and a scroll bar at the bottom. 布局看起来正确，但右侧有一个巨大的空白区域，而底部有一个滚动条。 I can't for the life of me figure out what is causing the white space. 我一生无法弄清楚是什么原因导致了空白。 There isn't a single div sticking out into that white space when I inspect with developer tools, and I can't find anything in the css that would be causing that issue. 当我使用开发人员工具进行检查时，没有一个div伸入该空白区域，并且在CSS中找不到导致该问题的任何内容。

The basic structure of the site is 该网站的基本结构是

<body>

  <site-container>

    <header>
    </header>

    <site-inner>
    </site-inner>

    <footer>
    </footer>  

  <site-container>

</body>

There are additional divs within the above structure, but there are tons of them and I'm not sure listing each one is valuable since the site itself will need to be inspected. 上述结构中还包含其他div，但是其中有很多div，我不确定列出每个div是否有价值，因为需要检查站点本身。 I can't possibly list the entire code structure since it's a genesis based wordpress site. 我无法列出整个代码结构，因为它是基于创世纪的wordpress网站。

Does anyone have a clue what might be causing the whitespace? 有谁知道什么可能导致空白吗？ I encountered this problem once before with a genesis child theme, but it turned out to be an image that wasn't resizing and it was easy to find the issue. 我以前曾在创世纪儿童主题中遇到过此问题，但事实证明这是一张没有调整大小的图像，很容易找到问题。 This time I can't find it for the life of me. 这次我找不到自己的生命。

Here's the site link again. 再次是网站链接。

Answer 1

The problem is caused by some CSS on your search input, around line 1456. Remove the width: 100% : 该问题是由您的搜索输入中的CSS引起的，行1456附近。删除width: 100% ：

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

网站右侧的巨大空白

问题描述

1 个解决方案

解决方案1
1 已采纳 2014-04-12 05:41:14

网站右侧的巨大空白

问题描述

1 个解决方案

解决方案1 1 已采纳 2014-04-12 05:41:14

解决方案1
1 已采纳 2014-04-12 05:41:14