为什么相邻两个div标签之间有间隔(默认边距已清除)

将div标签设为行内块级元素,然后给div标签设置一定的宽高。为什么相邻两个div标签之间有间隔(默认边距已清除)代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{ margin:0;padding:0 } div{ display: inline-block; } .box1{ height: 150px; width: 150px; background-color: blue; } .box2{ height: 300px; width: 300px; background-color: yellow; } .box3{ height: 300px; width: 300px; background-color: red; } </style></head><body><div class="box1"></div><div class="box2"></div><div class="box3"></div></body></html>

两个DIV之间的空隙通常情况下是由于容器溢出或者主动设置空隙造成。
容器溢出的原因是:
1、DIV内元素高度或者宽度总和比设置的DIV的Height或者Width参数要大,还有就是浏览器对DIV参数的解析造成(比如在IE7中,设置一个DIV float:right,如果再设置其margin-right:XXXpx;,则有可能会产生右边实际margin-right:2xxxpx的效果)。再有就是未设置某项值时,系统默认值导致。楼主的图片中极有可能是由于内部元素没有设置margin-top参数或者margin-top设置过大,导致上层div溢出。
2、由于两个相邻div之间主动设置了margin空隙,如图,div2(也就是下面的动画或者图片所在的DIV)设置了margin-top大于0的情况。就会导致两个DIV之间存在空隙。
温馨提示:内容为网友见解,仅供参考
第1个回答  2017-03-01
但是你的div标签的边距没有去掉
第2个回答  2017-03-01
div连起来写 没有空格就好了
第3个回答  2017-03-02
是inline-block的问题,

dreamweaver两个div标签中间有空隙怎么回事?
1、margin属性或是padding属性造成的,找到对应的该属性修改就好了 2、中间有其它块标签或是空标签造成的,比如<br \/>、<p><\/p>等,不过这种可能性不大,一般都不会这么写

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

CSS+DIV布局如何消除两个div之间的间隙问题?
具体原因我也说不上来,可能是ul有默认的吧,一般我们要去除列表的前面的点 给ul定义display:none;你可以把你的 a ul{ margin:0px;} b ul{ margin:0px;} 去掉 ,单独给ul定义ul{ margin:0px; }这样也可以去除间隙。

dreamweaver两个div标签来插入图片后为什么中间会有空隙?
{padding=0;margin=0} img{border:none} 中间有空隙是因为div框他们之间本来就有1像素的间距,而图片本身有边框,想除去空隙和边框需要在总样式里面加入以上除空隙代码

html怎么让上下两个Div没有间距,也就是垂直地排列下来,而Div与下面...
(1)一般有间距是因为浏览器的默认样式造成的 (2)网上有很多的样式重置方法 (3)最简单的就是下面这行,就是将所有的内外边距都设为0 {margin:0px;padding:0;} (4)完整例子 <!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Document<\/title> <style> * { ...

div 之间的间隔距离如何取消?
html的标签里面有些会存在默认的边距,所有就会出现间隔的问题,通常我们会定义“*{padding:0;margin:0;}”用来清除所有标签存在默认的边距值。“*”代表所有的标签。

二个平行DIV之间的间隔
没代码,,,说不出个所以然给你。。。float:left,这样,,两个都会居左浮云,是不会有间距的,,除非你用了margin,或者用了padding,或者用了display:inline-block之类的。。。

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

两个平行的div标签怎样调整之间的距离
您好,这样的:因为ul 有默认的边距,你可以在css 的头部设置,{ margin:0;padding:0;} 这样就可以消除所有你所用类的默认内外边距了,如果需要的话再在个别的元素里设置。div是块级元素,默认情况下是单独占用一行的。你想让两个div水平放置,就得改变div的display属性。分别把两个div的css中加入...

CSS 两个DIV在同一列中 如何上下有间距
元素的内边距在边框和内容区之间,控制该区域最简单的属性是 padding 属性,可以接受长度值或百分比值,但不允许使用负值。元素的边框是围绕元素内容和内边距的一条或多条线,可以使用 border 属性来规定元素边框的样式、宽度和颜色。下面举个简单的例子:在Html代码中添加两个div <div><\/div><div><\/...

相似回答