Wordpress網站瀏覽器頂部空白28px高度的解決辦法

仲介交易 HTTP://www.aliyun.com/zixun/aggregation/6858.html">SEO診斷 淘寶客 雲主機 技術大廳

在使用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 轉載請注明出處。