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

如题所述

两个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个回答  2019-04-17
因为浏览器把元素当成了字,空隙是给一些对齐字母后仍然长出一截的预留的.
解决方法:
把body的font-size 设置成0;

这样做的时候要记得下面写div的时候给元素指定字号。
第2个回答  2012-01-03
<div style="margin:0;padding:0"></div>

为什么两个div标签之间有空隙?
两个DIV之间的空隙通常情况下是由于容器溢出或者主动设置空隙造成。容器溢出的原因是:1、DIV内元素高度或者宽度总和比设置的DIV的Height或者Width参数要大,还有就是浏览器对DIV参数的解析造成(比如在IE7中,设置一个DIV float:right,如果再设置其margin-right:XXXpx;,则有可能会产生右边实际margin-righ...

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

div之间的空隙
1、首先把div样式设为浮动(style="float:..."),假如我有两个div吧(div1和div2),把div1设置为style="float:left",第二个可以不设 2、在div1的样式再加上这个属性“_margin-right:-3px”,注意前面有下划线“_”示例:<div id='div1' style='float:left;_margin-right:-3px'>aaa<\/div...

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

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

两段代码之间的空隙怎么去掉
可能是这种情况,它所在的div标签里,把css样式添加一个margin-top:0; 你看看

如何消除div与div之间的空隙
去掉display属性、改为float:left;inline-block,将div变为行内块元素、行内块元素后面自带换行符。要是改为、display:inline;应该也不会有间隙。

HTML div为什么一有内容就会与上边的内容产生间距?
你好,这是由于每个标签都有默认的边距,所以你虽然去掉了div的边距,但是h1也是有的,如果你不需要,可以把h1的边距也去掉。当然还是有另外的解决办法,就是给div添加overflow:hidden

怎么让两个div之间没有间距?
给你个建议,如果写出来效果和自己想象的不一样,现在浏览器看效果图,f12调出代码,能帮你很快遭到问题点。你这个问题,很大情况出现在div05中的这个p元素上,因为p元素有着默认的margin,你css将默认值写成0,或者在css样式中先去掉所有元素的margin,和pidding值,会省去很多麻烦 ...

为什么div里面的字的上面总是有空隙,没有设置padding,代码及效果图如下...
你自己用了h1标签,如果你对一些标签的特性不熟悉就尽量用div就好了,解决方法,在h1上设置padding和margin都为0;或者直接把h1换成div,推荐换成div;还有就是给你一个链接地址,可以告诉你网页布局避免标签滥用的一些问题 http:\/\/www.divcss5.com\/jiqiao\/j534.shtml ...

相似回答