当前位置:软件学习 > Word >>

Wordpress网站浏览器顶部空白28px高度的解决办法

  在使用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 转载请注明出处。

补充:web前端 , HTML/CSS  ,
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,