Кнопка Google plus, создающая горизонтальную полосу прокрутки

Question

У меня не было проблем с добавлением кнопок обмена Facebook/Twitter, но прямо сейчас Google + сбивает меня с ума, WHEREVER я помещаю этот код на свою страницу (используя сетку Bootstrap), я получаю 2-3 пикселя на правом, создавая горизонтальную полосу прокрутки:

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

код Plus Script в нижней части моей страницы:

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

Любая идея, как это исправить? Я попытался поместить мой div в другой div с фиксированной шириной и так далее, но без эффекта, скрипт заменяет div и заставляет все css независимо от моих попыток ... я понятия не имею, что заменяет оригинальный div и как работать над этим.

Я немного потерялся здесь, помогите приветствовать, спасибо.

Answer 1

Попробуйте проверить кнопку и узнать, какой элемент имеет полосу прокрутки и добавить к ней этот CSS.

переполнение: видимое;

Answer 2

У меня была аналогичная проблема, и это работает для меня:

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

Взятые из этого учебника: https://www.youtube.com/watch?v=4vYfnZ_XB8M

Answer 3

это решить мою проблему

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

G + кнопка добавляет IFRAME.