【转】为什么我的DIV块前总有空隙？

在做网站项目时，很偶然地碰到一个奇怪的事情。我的DIV嵌套在另一个DIV里，总是出现这样一行空隙：

Firebug查看内外两层DIV的margin, padding, line-height所有可能的东西，也都是0。

右键查看源代码，并没有什么异常。

狐狸的尾巴总会露出来。再用Firebug试着编辑外层DIV的时候，出现下面的情况：

一看，其中有一个&#65279，马上用计算器计算，十六进制就是FEFF，这不就是大名鼎鼎的BOM文件头吗？
于是马上在网上检索之，得到http://7567567.blog.51cto.com/706378/641744中的办法。原来我的内层DIV是通
过php的include命令进去的，而这个php文件刚好是utf-8的，应该就是它了！果断用VIM命令:set
nobomb解决，重新上传，问题就OK了。

原文网址：http://www.loverecorder.com/?p=30

时间： 2024-10-15 13:05:14

【转】为什么我的DIV块前总有空隙？的相关文章

div块上下左右居中

实现div块的上下左右居中: <!DOCTYPE html> <html> <head>     <meta charset="utf-8" />     <title>div块上下左右居中</title> </head> <body>     <div id="div2">     </div>     <style>     *{p

通过定位实现的div块网页中固定效果

通过定位实现的div块网页中固定效果:本章节介绍一下如何让通过定位方式让一个div定位于网页的一个位置,无论是否拖动滚动条.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>蚂

HTML中div块水平垂直居中的三个方法

第一种方案:框内是div块的情况 div.myid{ display:flex; justify-content:center; align-items:center; height:500px; } div.myid div.mydiv{ width:200px; height:200px; border:1px solid red; } 低版本的浏览器的兼容性不够好,选择要慎重, 第二种方案:使框内div居中,使用定位的方式: div.myid{ height:500px; position

设置一个DIV块固定在屏幕中央（两种方法）

设置一个DIV块固定在屏幕中央(两种方法) 方法一: 对一个div进行以下设置即可实现居中. <style> #a{ position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto; } </style> <!doctype html> <html lang="zh-cn"> <head> <meta charset="UT

让上下两个DIV块之间有一定距离或没有距离

1.若想上下DIV块之间距离,只需设定:在CSS里设置DIV标签各属性参数为0div{margin:0;border:0;padding:0;}这里就设置了DIV标签CSS属性相当于初始化了DIV标签CSS属性,这里设置margin外边距为0:边框border属性为0和内补白也为0:这样相当于就初始化了DIV之间距各属性距离为0,这样就不会造成DIV直接有一定的距离. 2.如果想上下两个DIV间有距离的话,只需设定div中的margin属性即可,本例中div属性对全局DIV块都适用,代码如下:

css实现div块半透明

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

子div块中设置margin-top时影响父div块位置的解决办法

在css中设置样式时,通常会遇到用子div块margin中设置margin-top时,父div块中就会随着子div的margin-top,也会和子div执行相同的margin-top的位置样式 解决办法1: 若子div块中使用margin-top,则在父div块中添加:overflow:hidden; 解决办法2: 若由于特殊情况不能在父div块中添加:overflow:hidden,那么在子div块中用padding-top代替margin-top;

div块级元素内文字换行word-wrap, word-break,white-space。

word-wrap: normal; || word-break: normal; 当word-wrap或者word-break为normal时,也就是浏览器的默认设置时. 换行规则是这样的: 情景一: 当一个单词在行尾不能完整容纳时,会自动将这个单词换到下一行,示例如下. 情景二: 当一个长长的单词在行尾不能完整容纳,并且换行后还是不能容纳时,单词就会溢出容器,示例如下. word-wrap: break-word; 当word-wrap设置为break-word时, 换行规则如下:  情景一

采用CSS3的动态元素（动画）设计div块的层级式展现

此练习作品是为学习HTML5+CSS3而设计的(如有不好请大家批评指教~~~). 采用了CSS3的动画@keyframes规则设计div块的移动.伸缩.旋转和渐变: 动画定义:animation:animationName; div块的移动: @keyframes keyframeName{ from{divInitialLocation:value} to{divEndLocation:value} } div块的伸缩: @keyframes keyframeName{ from{transf