天天看點

記錄一個無處訴苦的頁面頂部有空白問題

作為一個HTML頁面的老手,在寫好各種padding:0、margin:0之後,頁面頂部在所有浏覽器中還有空白時,我當時就覺得神奇到不可思議…….

于是乎,抱着認真解決問題學習新知識的态度開始百度,試了一些道理無法解釋的偏方也沒結果。ok,沒關系,我F12看看是哪段代碼在調皮…….

記錄一個無處訴苦的頁面頂部有空白問題

多麼簡單平凡樸素的一段,為什麼多了這麼個東西,網上有個人的回答點醒了我:

之前在另一個文章上看到如下代碼:
<body>`
就是因為那一點導緻的頂部有空白行。。。 
           

瞬間打通任督二脈!知道真相的我眼淚掉下來…….

記錄一個無處訴苦的頁面頂部有空白問題

(敲黑闆~!!!!)————這裡多了一個空格!!!

記錄下來,因為這個問題帶來的困擾就像被蚊子叮出個癢癢包般難受,如果遇到此類問題,這也算是其中一個答案了。

當然,不能以偏概全,不是所有的頂部空白都是介樣造成的,還有可能是文檔編碼為UTF-8+BOM啦!!

聰明的我們在漫長的工作生涯中總有那麼一兩次,因為這麼個屁大點的事情加班熬夜一兩天,最後發現問題所在像被愚弄了一番隻能笑歎。