两个div之间的空隙
2014-07-29 16:04
162 查看
最近在做网页时发现,在IE7下(FF没试过),div与div之间有时会出20个像素左右的空隙,除非把margin设成负值,否则空隙无法去除。
我在网上找了很多办法,诸如在html开头加协议说明,在母容器里加display:inline,强制所有div左飘等等,都不能解决问题。
其中强制div左飘的办法确实有效,但不知为什么,用了这种方法后,会使div内的一些span标签出现异常。
最后翻了很多技术论坛,终于被我找到一个最“干净”的办法,就是在CSS文件开头加一句 *{margin:0px;padding:0px} 强制所有对象内外边距为0。我加上了,效果不错。
后来看看老鸟们的讨论,出现这个问题可能是由于IE对CSS兼容不够导致的。在开头把边距清零相当于将各种浏览器的标准重置。
另外的两列div中的紧密排列的写法:
<div style="border:solid 1px #000; width:100px; height:100px; float:left; margin:0;display:inline"></div>
<div style="border:solid 1px #000; width:100px; height:100px; float:left;display:inline"></div
我在网上找了很多办法,诸如在html开头加协议说明,在母容器里加display:inline,强制所有div左飘等等,都不能解决问题。
其中强制div左飘的办法确实有效,但不知为什么,用了这种方法后,会使div内的一些span标签出现异常。
最后翻了很多技术论坛,终于被我找到一个最“干净”的办法,就是在CSS文件开头加一句 *{margin:0px;padding:0px} 强制所有对象内外边距为0。我加上了,效果不错。
后来看看老鸟们的讨论,出现这个问题可能是由于IE对CSS兼容不够导致的。在开头把边距清零相当于将各种浏览器的标准重置。
另外的两列div中的紧密排列的写法:
<div style="border:solid 1px #000; width:100px; height:100px; float:left; margin:0;display:inline"></div>
<div style="border:solid 1px #000; width:100px; height:100px; float:left;display:inline"></div
相关文章推荐
- 两个div之间有空隙的起源和解决方法
- 两个div之间有一段空隙(距离)怎么回事?
- ie6和ie7两个div之间有空隙
- 两个div之间有空隙
- 最多约数问题。正整数 x 的约数是能整除x的正整数,其约数的个数记为div(x),例如div(10)=4。设 a 和 b 是两个正整数,找出 a 和 b 之间约数个数最多的数 x 的约数个数。 样例
- 消除两个div中间的空隙
- 两个DIV之间的间距,clear属性灵活应用(转载,学习一下)
- 两个或者多个图片上下之间有空隙怎么办?
- 关于html文档中div之间一直存在的20px左右的空隙的解决方法
- 关于两个div之间的缝隙的问题
- Html5实现如何在两个div元素之间拖放图像
- form在两个div之间会有间距 得加上style="margin:0px"
- node在两个div之间移动,用ztree实现
- Html 5:如何在两个 <div> 元素之间拖放图像
- 两个DIV之间的间距,clear属性灵活应用,方便控制一行div数量(转载,学习一下)
- 两个DIV之间不存在亲子关系时,保证hover div1, div2 slideToggle, 而且能hover div2: 借助timer=setTimeout(), 设置延时的方法
- 两个盒模型之间的空隙
- 上下两个div之间距离
- 两个img之间有空隙
- 消除两个div之间的影响