html - Google Adsense 将整个页面向左移动

Question

我在我的网站的一个页面上添加了 google adsense 代码，我注意到整个页面(包括 Top navigation ec.)在我添加代码后向左移动了一点。

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

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

这里是代码:

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 without Ad

Header with Ad

Answer 1

位置偏移是由于侧面出现滚动条引起的。当页面变得太长无法显示在窗口中时，这是浏览器的正常行为。您可以将其添加到 body css 中以始终显示滚动条:

body {
   overflow-y: scroll;
}