Google Adsense 将整个页面向左移动

Question

我在我的网站的一个页面上添加了 google adsense 代码，我注意到在我添加代码后整个页面（包括顶部导航等）向左移动了一点.

当您从没有广告的页面转到有广告的页面时，您会特别注意到这一点。

所以我的问题是我不知道这个问题可能是什么原因造成的，我也不知道如何解决它。

这里是代码：

HTML:

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Botlane.net -->
<ins class="adsbygoogle"
data-ad-client="ca-pub-XXXXXXXXXX"
data-ad-slot="XXXXXXXX"></ins>
<script>

CSS:

.adsbygoogle {
    display:block;
    width:728px;
    height:90px;
    margin: auto;
}

（最初是 display:inline-block，但更改为 display:block 并没有导致问题，我已经测试过了）

提前感谢您的帮助

编辑：这是 Header 的两张屏幕截图，一张是在有广告的页面上，一张是在没有广告的页面上。如果你比较它们，你会注意到向左移动

Header without Ad

Header with Ad

Answer 1

就是添加的滚动条。您可以使用 css:

强制滚动条

html {
       overflow-y: scroll;
}

Answer 2

位置偏移是由于侧面出现滚动条引起的。当页面变得太长无法放入 window 时，这是浏览器的正常行为。您可以将此添加到正文 css 以一直显示滚动条也许：

body {
   overflow-y: scroll;
}

Google Adsense 将整个页面向左移动

Google Adsense moves whole page to the left

html

css

adsense