网站DIV与浏览器顶部缝隙解决办法

很多用户在建站的时候，会经常碰到这样的问题，网站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与浏览器顶部缝隙>>，希望对您有所帮助！