我的页面是http://bonemarrow.ipage.com/contact/。
我在Wordpress安装下使用带有Contact Form 7的reCaptcha。没有reCaptcha，我的表单看起来很好，不会干扰页面的外观。一旦我弹出reCaptcha，我就会在主要内容区域之间，在它与我的页脚之间留下一个空白。
似乎reCaptcha正在将页脚div推下与reCaptcha表本身大致相同的高度。我尝试将它包装在我自己的div（#my_captcha）中并设置一个高度，但这也不起作用。
我还认为这可能是因为我在表单中设置标签和/或字段的样式，所以我删除了所有样式以查看会发生什么。没有交易，即使没有造型reCaptcha仍然坚持引入这个差距。
任何帮助都将不胜感激。
答案 0 :(得分：3)
footer{
margin-top: -30px;
}
这是你可以做到的一种方式。
编辑：根据您的评论...
嗯，你可以用你的CSS更具体，比如像这样
.some_specific_container footer{
margin-top: -30px
}
假设表单类只出现在页面上，我没有看到它的问题。
编辑2：
刚看了一眼，问题是由iframe引起的，如果你添加visibility:hidden，你现在有display:none你会修复它。不需要黑客攻击。发生这种情况的原因是因为visibility:hidden隐藏了一个元素，但它仍然会占用与以前相同的空间。该元素将被隐藏，但仍会影响布局。 display:none隐藏了一个元素，它不会占用任何空间。元素将被隐藏，页面将显示为元素不在那里。 source.