Google Recaptcha样式问题，使用CSS或JavaScript解决？

Question

我正在将Recaptcha v.2用于我的网站，但是由于某种原因，它会中断布局，因为它不会调整父框（div）的空间。

这是我的代码：

<script type="text/javascript">
    var onloadCallback = function() {
        grecaptcha.render('recaptcha', {
            'sitekey' : 'mysitekey'
        });
    };
</script>
<script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit"
async defer>

和html：

<div class="form-group">
    <div id="recaptcha" required=""></div>
</div>

表单组已经是最大宽度：100％；但由于某些原因，recaptcha不遵循该规则：

这是一个例子：

https://careercollege.sehc.com/vancouver/programs/hca-diploma-program/。

有什么建议吗？

Answer 1

我有时会这样做：

#recaptcha {
    overflow: hidden;
    border-right: solid 1px lightgray;
}