Javascript Google plus按钮创建水平滚动条

我在添加Facebook/Twitter共享按钮时没有遇到任何问题，但现在Google+让我抓狂，无论我在我的页面上放置这段代码（使用引导网格），我都会在右侧获得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>

{lang:'fr'}

知道怎么修吗？我试着把我的div放到另一个具有固定宽度的div中，但是没有效果，脚本正在替换div并强制所有css，不管我怎么做。。。我不知道是什么取代了原来的div以及如何处理它

---

我在这里有点不知所措，欢迎帮助，谢谢。

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

---

溢出：可见

我也遇到了类似的问题，这对我很有效：

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

摘自本教程：

这解决了我的问题

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

---

G+按钮添加了一个iframe。

滚动条在整个页面上，它不是一个特定的元素。我重复：无论我将提到的DIV元素放在页面的什么位置，它都会在引导网格的右侧添加3-4个像素，并在整个页面上创建一个滚动条。