2

我的页面是http://bonemarrow.ipage.com/contact/。

我在 Wordpress 安装下使用 reCaptcha 和 Contact Form 7。如果没有 reCaptcha，我的表单看起来很好，并且不会干扰页面的外观。一旦我弹出 reCaptcha，我在主要内容区域下，它和我的页脚之间有一个新的空白。

似乎 reCaptcha 正在将页脚 div 向下推大约与 reCaptcha 表本身相同的高度。我尝试将它包装在我自己的 div 中（#my_captcha）并设置一个高度，但这也不起作用。

我还认为这可能是因为我在表单中设置标签和/或字段的样式，所以我删除了所有样式以查看会发生什么。没有交易，即使没有样式 reCaptcha 仍然坚持引入这种差距。

任何帮助，将不胜感激。

4

1 回答 1

3 
footer{
margin-top: -30px;
}

这是您可以做到的一种方式。

编辑：根据您的评论...

好吧，您可以更具体地使用您的 CSS，例如这样

.some_specific_container footer{
margin-top: -30px
}

假设表单类仅出现在页面上，我认为没有问题。

编辑2：

再看一下，问题是由iframe引起的，你目前有，visibility:hidden如果你添加display:none你会修复它。无需破解。发生这种情况的原因是因为visibility:hidden隐藏了一个元素，但它仍然会占用与以前相同的空间。该元素将被隐藏，但仍会影响布局。display:none隐藏一个元素，它不会占用任何空间。该元素将被隐藏，页面将显示为好像该元素不存在一样。来源。

于 2012-10-20T08:29:27.427 回答