网页上的神秘边缘

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管理栏腾出空间。您也可以转到用户＆gt;隐藏管理栏。您的个人资料＆gt; ＆＃34;在编辑网站时显示工具栏＆＃34;在管理区域。

Answer 2

这个问题有点老了，但是建议的解决方法太过激烈了。我建议维护管理栏，只删除奇怪的CSS。

这可以通过以下代码段完成：

add_action('get_header', 'remove_admin_bar_weird_css');
function remove_admin_bar_weird_css() {
    remove_action('wp_head', '_admin_bar_bump_cb');
}