很多用户在建站的时候,会经常碰到这样的问题,网站DIV与浏览器顶部缝隙一条横向空白,样式都已经清零了,而且都设置把html,body,div的style都设置为{margin:0,padding:0}了,但是还是去除不了白边。查看了html网页的编码,也没有问题。
我们在写代码或者创建代码时,应该注意编码格式为utf8无BOM。
最后介绍一下BOM。
BOM隐藏字符简介:
类似Windows自带的记事本等软件,在保存一个以UTF-8编码的文件时,会在文件开始的地方插入三个不可见的字符(0xEF 0xBB 0xBF,即BOM)。它是一串隐藏的字符,用于让记事本等编辑器识别这个文件是否以UTF-8编码。对于一般的文件,这样并不会产生什么麻烦。但对于 PHP来说,BOM是个大麻烦。
PHP并不会忽略BOM,所以在读取、包含或者引用这些文件时,会把BOM作为该文件开头正文的一部分。根据嵌入式语言的特点,这串字符将被直接执行(显示)出来。由此造成即使页面的 top padding 设置为0,也无法让整个网页紧贴浏览器顶部,因为在html一开头有这3个字符呢!
方法一:
1:使用Dreamweaver软件打开出现空白的网页文件,切换到[代码]模式,将光标定位到代码的开头,切换到[设计]模式,连按几次backspace删除键,将代码开头的那些空白删除;
2:修改-》页面属性-》标题/编码-》去掉【包含Unicode签名(BOM)(s)】前面的勾-》确定;
3:文件-》另存为-》去掉【包含Unicode签名(BOM)(s)】前面的勾-》保存;
方法二:
1:使用notepad++软件打开出现空白的网页文件;
2:格式-》编码格式-》选择转为UTF-8-无BOM编码格式;
如果你使用的是PHP,并且确定自己的css样式没有问题,那么估计你遇到的就是BOM的问题了。
以上办法可以解决<<网站DIV与浏览器顶部缝隙>>,希望对您有所帮助!
本文地址:http://www.xiuzhanwang.com/dedecms_wt/797.html