html5div间有空隙，htmldiv之间的空隙

为什么两个div标签之间有空隙?

是你border-left；border-right；border-top；border-bottom这些后面的solid 1px的缘故，你这样就是给边框给了宽，所以预览的时候有空隙，你如果要边框的话就给它加上颜色，border-left：solid 1px #CCCCCC；不要就去掉。

如果是单纯的2个div之间有空隙，跟里面的内容是无关的，关键是div的样式设置。你这两个div包含在一个大容器div class=fastnew内，如果要横着排，方法一：可以设置容器fastnew的宽度，大小合适了，两个div自然会挤到一起去，没有空隙。

DIV浮动IE文本产生3象素的bug。左边对象浮动，右边采用外补丁的左边距来定位，右边对象内的文本会离左边有3px的间距。

相关问答

Q1: html怎么让上下两个Div没有间距,也就是垂直地排列下来,而Div与下面...

解决的办法是隔绝开他们，设置border、padding都行。

我先做的是插入两个div标签，点击【插入】，找到【布局对象】—【Div标签】。先创建第一个长宽均为200px的div标签，类命名为“1”。在创建第二个长宽均为200px的div标签，类命名为“2”。这时候可以看到两个div标签的状态是上下并排。

解决方案一：把a标签的代码显示为一行，然后再html页面刷新浏览器查看效果，发现a标签之间的间距不见了。

设置两个div之间的间距的方法：先定义两个div，div里面分别有一段话。分别给两个div加上不同的背景色，方便看到div的位置。设置div的margin；使两个div之间的间距扩大。这样让两个div之间的间距扩大的问题就解决了。

div style=position：relative div class=canpin_img/div div class=canpin_biao/div /div 然后分别在你那两个CSS中加上top和left~~（当然不加也可以，加为了精确）z-index：属性可以调节上下顺序，值越大，层越在最上面。

Q2: html网页中盒子中间有间隔两边没有怎么弄

如图所示，我们新建一个记事本，并将记事本的名字改为“网页中的盒子模型 内边距的设置（31）.html”，并回车键确定，以使文件转化为浏览器可以打开 的html网页文件。

首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的style标签中，输入css代码：.sub{margin-top： 30px；}。浏览器运行index.html页面，此时3个div子子容器的垂直间距被统一设置为了30px。

是分辨率的问题，把分辨率设到1024X768试试。单位：dpi（点每英寸）、lpi（线每英寸）、ppi（像素每英寸）和PPD（PPPixels Per Degree 角分辨率，像素每度）。但只有lpi是描述光学分辨率的尺度的。虽然dpi和ppi也属于分辨率范畴内的单位，但是他们的含义与lpi不同。

内容区：content，内边距：padding，边框：border，外边距：margin，盒子占用空间的大小，可见尺寸等于指定宽高加边框宽度加内边距宽度加外边距宽度，盒子的内边距特性：元素的背景颜色会延伸到内边距。

Q3: 如何消除div与div之间的空隙

1、可以设置容器fastnew的宽度，大小合适了，两个div自然会挤到一起去，没有空隙。

2、给你个建议，如果写出来效果和自己想象的不一样，现在浏览器看效果图，f12调出代码，能帮你很快遭到问题点。

3、默认编写HTML代码时候div与div之间，在浏览器不兼容的情况下会出20个像素左右的空隙，在引用的CSS文件开头加一句代码，强制所有对象内外边距为0，即可解决。{margin：0px；padding：0px}用css定义方法可能由于IE对CSS兼容性还会出现空隙，在开头把边距清零相当于将各种浏览器的标准重置。

4、是你border-left；border-right；border-top；border-bottom这些后面的solid 1px的缘故，你这样就是给边框给了宽，所以预览的时候有空隙，你如果要边框的话就给它加上颜色，border-left：solid 1px #CCCCCC；不要就去掉。

Q4: html在ie中显示2个层之间为什么会有空隙?

1、估计是你的IE浏览器缓存出错，请首先关闭所有浏览器窗口，再右键点击桌面IE浏览器，选择属性，在常规页面里，点击删除文件这个按钮，选择全部删除，并且点击删除cookies按钮。

2、span本身就是行内元素，所以这些属性没有用margin： 0；padding： 0；border： 0；font-size： 0；如果你要定义span成块状的，display：block的话，没有设计到margin，所以不会出现IE6的双倍边距bug，所以不需要设置display：inline-block。

3、注释也能产生bug~~~“多出来的一只猪。”这是前人总结这个bug使用的文案，ie6的这个bug 下，大家会在页面看到猪字出现两遍，重复的内容量因注释的多少而变。解决方案：用“！–[if ！IE] picRotate start ！[endif]–”方法写注释。

4、html #111{magin：3px}/*这个是IE6的补丁*/ 这样浏览器读取的时候就不会出现叠加上去的问题，针对每个浏览器，他读取的就只是补丁的部分了。恩，其他的我就不距离了，上面这个说的是经常用的。要是找资料的话就去懒人图库找找吧。有很多代码适合用。另外。

5、在安全设置中，找到【ACTIVEX控件和插件】【对标记为可安全执行脚本的ActiveX控件执行脚本】将其 启用，然后点击下方确定。使用电脑管家修复IE浏览器。打开电脑管家后进入工具箱，在里面找到电脑诊所。进入后点击第三个【上网异常】。

Q5: div之间的空隙

1、首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的body标签中，输入html代码：divstyle=background：#0b93d5；border：0；123/div divstyle=background：#0b93d5；border：0；123/div 浏览器运行index.html页面，此时两个div中间的空隙被去除了。

2、默认编写HTML代码时候div与div之间，在浏览器不兼容的情况下会出20个像素左右的空隙，在引用的CSS文件开头加一句代码，强制所有对象内外边距为0，即可解决。{margin：0px；padding：0px}用css定义方法可能由于IE对CSS兼容性还会出现空隙，在开头把边距清零相当于将各种浏览器的标准重置。

3、方法一：可以设置容器fastnew的宽度，大小合适了，两个div自然会挤到一起去，没有空隙。

4、去掉display属性、改为float：left；inline-block，将div变为行内块元素、行内块元素后面自带换行符。要是改为、display：inline；应该也不会有间隙。

5、DIV浮动IE文本产生3象素的bug。左边对象浮动，右边采用外补丁的左边距来定位，右边对象内的文本会离左边有3px的间距。

6、消除两个div之间的间隙：对于界面上有的元素，都先reset 。body，div，ul{margin：0px；padding：0px；} DIV是层叠样式表中的定位技术，全称DIVision，即为划分。有时可以称其为图层。DIV在编程中又叫做整除，即只得商的整数。

关于html5div间有空隙和htmldiv之间的空隙的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。