div与浏览器顶部有缝隙

  帮同学做的网站,首页顶部出现一行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的问题了。

转载于:https://www.cnblogs.com/ysubai/p/4368932.html

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值