在WordPress header.php页面添加<?php wp_head(); ?>代码后，在HTML页面顶部会出现空白，通过浏览器F12调用开发者工具查看元素，在CSS样式中可以看到自动添加了margin-top: 32px !important;样式，如下图：

margin-top: 32px !important;

如上图，罪魁祸首找到了，引起的原因就是header.php调用

<?php wp_head(); ?>

代码后，会自动在HTML页面添加一个margin-top: 32px !important;样式，就会导致网站顶部出现32px的空白。

如何解决？新手站长分享解决方法，在你的WordPress主题下的functions.php文件中添加以下代码即可解决：

//删除wp_head出现的margin blog.guluqiu.cc
function remove_admin_login_header() {
    remove_action('wp_head', '_admin_bar_bump_cb');
}
add_action('get_header', 'remove_admin_login_header');