Question

我在一个页面上将google adsense代码添加到我的网站中，我注意到在添加代码后，整个页面（包括顶部导航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;
}

Answer 2

这是添加的滚动条。您可以使用css：

强制滚动条

html {
       overflow-y: scroll;
}

Google Adsense将整页移至左侧

2 个答案: