Html reCAPTCHA将我的内容高度更改了约-20px

如果没有reCAPTCHA，我的页面看起来如下（）：

​

使用reCAPTCHA（蓝色区域），整个页面内容的高度在底部减少约20px，并带有一条可见的空白

有没有人在reCAPTCHA更改布局元素时遇到过问题？

我已经能够基于

它看起来像是reCAPTCHA导致在页面底部追加一个空的

iframe

<iframe src="about:blank" style="height: 0px; width: 0px; visibility: hidden; border: none;">
    This frame prevents back/forward cache problems in Safari.
</iframe>

如果站点上没有任何其他框架可供担心，请使用 更简单的版本就足够了：

iframe {display:none !important;}

---

最后，这里是实现了解决方案的JSFIDLE:。

我通过在CSS中定位iframe

src

属性来解决这个问题

<iframe src="about:blank" style="height: 0px; width: 0px; visibility: hidden; border: none;"></iframe>

iframe[src="about:blank"] { display: none; }

iframe[src=“about:blank”]{display:none；}

---

当然，我没有其他带有

about:blank

source；）的iframe

reCAPTCHA通常非常可靠。您可以链接到安装了reCAPTCHA的实际网页的位置，因为（除非有人知道如何）您可以获得一个在JSFIDLE上工作的成熟版本。如果你做不到，我会在一两个小时后调查，当我在电脑前，如果没有人比我强。。。

/* ReCaptcha Iframe FIX */
iframe {display:none !important;}
header iframe,
section iframe,
footer iframe,
div iframe { display:inline; }

iframe {display:none !important;}

<iframe src="about:blank" style="height: 0px; width: 0px; visibility: hidden; border: none;"></iframe>

iframe[src="about:blank"] { display: none; }