真的解决了，handsome首页最前方列表广告位错位问题

折磨了好几天，这下解决了handsome主题博客首页列表最前方广告位的谷歌广告溢出错位问题，处理起来也非常简单。

前面写了一篇文章《首页列表最前方广告位的谷歌广告溢出错位问题处理》，尝试用css来修改谷歌广告溢出这个问题。但是实际上没有成功。但是今天随便的一个修改，误打误撞竟然解决了这个问题。具体的原理我也不是很清楚。

直接来上解决的过程：

在位置themes/handsome/index.php大约60行的地方。

在代码的前面加上广告代码。在后台把那个首页最前方列表广告位里的广告代码清除，保持为空就行。

然后加入代码：

这里有两个class，由于我安装了AliceStyle插件美化，所以有文章卡片的效果。

直接借用主题以及插件里的CSS样式：

<div class="single-post box-shadow-wrap-normal">            
<ins class="adsbygoogle panel-small"
     style="display:inline-block;width:100%;height:235px"
     data-ad-client="ca-pub-xxxxxx"
     data-ad-slot="xxxxx"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>   
</div>

广告的高度选择235px还是比较合理的。广告类型选择多重广告。

代码的位置