首页 > 其他 > 详细

div与浏览器顶部有缝隙

时间:2015-03-26 17:23:21      阅读:217      评论:0      收藏:0      [点我收藏+]

  帮同学做的网站,首页顶部出现一行19像素的白边,已经把html,body,div的style都设置为{margin:0,padding:0}了,但是还是去除不了白边。察看了html网页的编码,也没有问题。

  在网上查了才发现,include 引入html时,应该注意编码格式为utf8无bom,察看自己的php页面的编码格式并修改,发现果然是编码的问题。

  最后介绍一下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.cnblogs.com/ysubai/p/4368932.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!