很多用戶在建站的時候,會經(jīng)常碰到這樣的問題,網(wǎng)站DIV與瀏覽器頂部縫隙一條橫向空白,樣式都已經(jīng)清零了,而且都設(shè)置把html,body,div的style都設(shè)置為{margin:0,padding:0}了,但是還是去除不了白邊。查看了html網(wǎng)頁的編碼,也沒有問題。
我們在寫代碼或者創(chuàng)建代碼時,應(yīng)該注意編碼格式為utf8無BOM。
最后介紹一下BOM。
BOM隱藏字符簡介:
類似Windows自帶的記事本等軟件,在保存一個以UTF-8編碼的文件時,會在文件開始的地方插入三個不可見的字符(0xEF 0xBB 0xBF,即BOM)。它是一串隱藏的字符,用于讓記事本等編輯器識別這個文件是否以UTF-8編碼。對于一般的文件,這樣并不會產(chǎn)生什么麻煩。但對于 PHP來說,BOM是個大麻煩。
PHP并不會忽略BOM,所以在讀取、包含或者引用這些文件時,會把BOM作為該文件開頭正文的一部分。根據(jù)嵌入式語言的特點,這串字符將被直接執(zhí)行(顯示)出來。由此造成即使頁面的 top padding 設(shè)置為0,也無法讓整個網(wǎng)頁緊貼瀏覽器頂部,因為在html一開頭有這3個字符呢!
方法一:
1:使用Dreamweaver軟件打開出現(xiàn)空白的網(wǎng)頁文件,切換到[代碼]模式,將光標定位到代碼的開頭,切換到[設(shè)計]模式,連按幾次backspace刪除鍵,將代碼開頭的那些空白刪除;
2:修改-》頁面屬性-》標題/編碼-》去掉【包含Unicode簽名(BOM)(s)】前面的勾-》確定;
3:文件-》另存為-》去掉【包含Unicode簽名(BOM)(s)】前面的勾-》保存;
方法二:
1:使用notepad++軟件打開出現(xiàn)空白的網(wǎng)頁文件;
2:格式-》編碼格式-》選擇轉(zhuǎn)為UTF-8-無BOM編碼格式;
如果你使用的是PHP,并且確定自己的css樣式?jīng)]有問題,那么估計你遇到的就是BOM的問題了。
以上辦法可以解決<<網(wǎng)站DIV與瀏覽器頂部縫隙>>,希望對您有所幫助!