在使用wordpress建设网站及编写主题时，偶尔会发生网站顶部距浏览器有28px高度空白的情况，即便CSS中声明*{margin:0;}还是没有改变!用Chrome浏览器审查元素看是发生在整个html中，而不是html中的某个元素。

　　这个问题其实是因为wordpress的wp_head()函数默认添加了一段样式!

　　< style type=”text/css” media=”print”>#wpadminbar { display:none; }< /style>

　　< style type=”text/css” >

　　html { margin-top: 28px !important; }

　　* html body { margin-top: 28px !important; }

　　</style>

　　我们删除这段样式就可以了，然后我们会想为什么wordpress会添加这段样式呢?原来wordpress是为了管理员登录后网站顶部的工具条留下的显示位置，仔细回想一下发生这种情况往往是在网站管理员登录wordpress后台后再打开网站前台页面时。想到这里一切就简单了，我们只要把本来应该显示的工具条找回来就可以了~解决办法就是在foot模板的< /body>标签前面加上< ?php wp_footer();? >函数就可以了~

　　本文链接：http://www.uqishi.com/wordpress_top_28px_spacing.html 转载请注明出处。