谷歌加按钮创建水平滚动条答案

【问题标题】：Google plus button creating horizontal scrollbar谷歌加按钮创建水平滚动条
【发布时间】：2015-09-16 21:24:37
【问题描述】：

我在添加 Facebook/Twitter 共享按钮时没有问题，但现在 Google+ 快让我发疯了，无论我把这段代码放在我的页面上（使用 Bootstrap 网格），我都会在右边创建一个 2-3 像素滚动条：

<div class="g-plus" data-action="share" data-align="left" data-annotation="none"></div>

在我的页面底部加上脚本代码：

<script src="https://apis.google.com/js/platform.js" async defer>{lang: 'fr'}</script>

知道如何解决吗？我试图将我的 div 放在另一个具有固定宽度和类似但没有效果的 div 中，脚本正在替换 div 并强制所有 css，不管我的尝试......我不知道是什么替换了原始 div 以及如何继续努力。

我有点迷路了，欢迎帮助，谢谢。

【问题讨论】：

【解决方案1】：

我遇到了类似的问题，这对我有用：

iframe[id^="oauth2relay"]{
    display: none!important;
}

【讨论】：

【解决方案2】：

尝试检查按钮并找出哪个元素有滚动条并在其上添加此 CSS。

溢出：可见；

【讨论】：

滚动条在整个页面上，它不是一个特定的元素。我再说一遍：我把提到的 DIV 元素放在我的页面上的哪个位置并不重要，它会在右侧增加 3-4 个像素我的 Bootstrap 网格并在整个页面上创建一个滚动条。

【解决方案3】：

这解决了我的问题

iframe[id^="oauth2relay"] { position: fixed !important; }

G+ 按钮添加 iframe。

【讨论】：