在使用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();? >函数就可以了。

 

  本文来自广州品牌网站建设网站设计公司-广帆互动