网页上的神秘边缘

Question

我正在开发一个Wordpress主题,并注意到页面的整个主体被推下了一点.我使用Chrome中的检查器来查找问题,我找到了以下样式:

<style type="text/css" media="screen">
    html { margin-top: 32px !important; }
    * html body { margin-top: 32px !important; }
    @media screen and ( max-width: 782px ) {
        html { margin-top: 46px !important; }
        * html body { margin-top: 46px !important; }
    }
</style>

如果我在检查器中删除它,页面正文将快速返回到顶部.但这是奇怪的事情.我尝试删除我的整个样式表,以查看问题是否在css中,但问题仍然存在.所以我的猜测是Chrome必须添加这些行,但为什么呢？它在IE和Edge中运行良好.

编辑:我尝试在Crome中清除css缓存,但没有区别. 编辑:我尝试将css reset添加到样式表但仍然没有区别......

CSS(非常混乱,但正在进行中):https://codeshare.io/sr0sg

Answer 1

尝试将此添加到您的functions.php文件:

add_filter('show_admin_bar', '__return_false');

上面提到的CSS是由WP添加的,为WordPress管理栏腾出空间.您还可以通过转到管理区域中的用户>您的个人资料>"编辑网站时显示工具栏"来隐藏管理栏.