我的页面是http://bonemarrow.ipage.com/contact/。
我在 Wordpress 安装下将 reCaptcha 与 Contact Form 7 结合使用。如果没有 reCaptcha，我的表单看起来很好，并且不会干扰页面的外观。当我弹出 reCaptcha 时，我在主要内容区域下，它和我的页脚之间有一个新的空白。
似乎 reCaptcha 将页脚 div 向下推的高度与 reCaptcha 表本身的高度大致相同。我尝试将它包装在我自己的 div 中 (#my_captcha) 并设置高度，但这也不起作用。
我还认为这可能是因为我在表单中设置标签和/或字段的样式，所以我删除了所有样式以查看会发生什么。没有交易，即使没有样式 reCaptcha 仍然坚持引入这个差距。
任何帮助将不胜感激。
【问题讨论】：
标签： css wordpress recaptcha contact-form-7
footer{
margin-top: -30px;
}
这是您可以做到的一种方式。
编辑：根据您的评论...
好吧，您可以更具体地使用您的 CSS，例如像这样
.some_specific_container footer{
margin-top: -30px
}
假设表单类只出现在页面上，我认为没有问题。
编辑 2：
再看一下，问题是iframe引起的，你目前有visibility:hidden，如果你添加display:none，你会修复它。无需破解。发生这种情况的原因是因为visibility:hidden 隐藏了一个元素，但它仍然会占用与以前相同的空间。该元素将被隐藏，但仍会影响布局。 display:none 隐藏一个元素，它不会占用任何空间。该元素将被隐藏，页面将显示为好像该元素不存在一样。 source.
【讨论】：
style="visibility:hidden;" 添加的。您不能像上面那样定位 iframe，因为它不在 div 中尝试 .page-id-391 iframe{ display:none } 那是您的正文类，因此至少应该特定于该页面。