为什么两个div标签之间有空隙?
3个回答
展开全部
两个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、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之间存在空隙。
展开全部
因为浏览器把元素当成了字,空隙是给一些对齐字母后仍然长出一截的预留的.
解决方法:
把body的font-size 设置成0;
这样做的时候要记得下面写div的时候给元素指定字号。
解决方法:
把body的font-size 设置成0;
这样做的时候要记得下面写div的时候给元素指定字号。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<div style="margin:0;padding:0"></div>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询