gpt4 book ai didi

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

转载 作者:太空狗 更新时间:2023-10-29 15:41:55 25 4
gpt4 key购买 nike

没有 reCAPTCHA,我的页面看起来像这样 ( jsfiddle ):

<html>
<body>

<div class="content_wrap">
<div class="left_container">
</div>

<div class="right_container">
<div style="background-color: blue; margin:0px; height: 1500px;">
<!--RECAPTCHA WOULD GO HERE-->
</div>
</div>

</div>

</body>
</html>

CSS:

body,html {
height: 100%;
width: 100%;
background-color: #f8f8f8;
}

div.content_wrap {
width: 100%;
position: relative;
}

div.left_container {
float:left;
position:absolute;
width: 220px;
min-height: 100%;
background-color: red;
}

div.right_container {
position: relative;
padding: 0px;
margin-left: 220px;
width: 1000px;
}

使用 reCAPTCHA(蓝色区域),整个页面内容的高度在底部减少了约 20 像素,并带有可见的空白 strip 。

有人遇到过 reCAPTCHA 更改其布局元素的问题吗?

最佳答案

我已经能够 replicate your issue基于 this reCAPTCHA jsfiddle example .

看起来 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>

A Google search iframe 中的消息引发了对该问题的大量讨论。

这是在 SO 上找到的解决方案:Recaptcha creates iFrame on page, breaks styling

Try the CSS below:

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

If you don't have any other frames on the site to worry about, a simpler version should suffice:

iframe {display:none !important;}

最后,这是实现了解决方案的 jsfiddle:http://jsfiddle.net/BXufS/7/ .

关于html - reCAPTCHA 将我的内容的高度更改了大约 -20px,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13767462/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com