css - recaptcha 2 宽度 css float 不起作用

Question

我使用 recaptcha 2.0 版，需要像这样调整宽度:

CSS:

.g-recaptcha {
    float:right;
    padding:0;
    margin:0;
    -webkit-transform: scale(0.77);
    -moz-transform: scale(0.77);
    -ms-transform: scale(0.77);
    -o-transform: scale(0.77);
    transform: scale(0.77);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
}

这行得通，但是当我需要设置 float:right 以在右侧显示 recaptcha 时，我看到了空白!!如何解决这个问题？？

问题:

演示:http://jsfiddle.net/eLvoe3cu/

Answer 1

试试这个(定义 padding-right)

<div class="col-md-12 form-group" style="padding-right: 0px"> //here
    <div class="col-md-4 form-group"  style="padding-right: 0px">//here
        <div class="g-recaptcha" data-size="normal" data-sitekey="6LdWTgkTAAAAAGKrAUJV55zGhVhik0J2T5hnHtgO"></div>
    </div>
    <div class="col-md-4 form-group">
        <button type="button" class="btn btn-primary post-comments">Send</button>
    </div>
    <div class="col-md-4 form-group"></div>
</div>
<script src='https://www.google.com/recaptcha/api.js'></script>