`
happyzpx
  • 浏览: 29297 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

IE6里调整空白DIV的高度为0问题

    博客分类:
  • css
阅读更多

为了将两个图片所在的DIV中间间隔一点间隙,在FireFox下只需写一个空的

<div style="width:5%;height:0px;"></div>

就OK,在IE7+都是没问题的,但是,在IE6里面,却总觉得左边的图片稍高2px,右侧的图片稍低,后来用将DIV的borer调出来查看,看出问题的本质了,原因是在IE6里面,即使设置height为0也是没用的,它仍然显示成一个具有高度的框框,怎么将高度设置为0呢?

找了很久,原来竟然需要<div style="width: 5%; float: left; font-size: 0pt;"/>这样设置,需要设置font-size为0 才可以让高度为0,即使内容是空的。

分享到:
评论

相关推荐

    多浏览器下IE6 IE7 firefox li 间距问题

    通过这种调整,可以解决IE5/IE5.5下`&lt;li&gt;`元素左侧空白的问题,但`&lt;li&gt;`元素之间的间距问题依然存在。 ##### 测试三:添加`vertical-align: bottom;` 最后,我们尝试在`&lt;li&gt;`元素的CSS定义中加入`vertical-align: ...

    设置margin和padding为0可去掉DIV与DIV的空白

    此外,示例中还提到了在某些情况下,即使已经设置了margin和padding为0,仍然会在特定的浏览器,如旧版本的Internet Explorer(IE6)中存在空白间隙。这是因为IE6等旧浏览器对盒模型的解释与其他现代浏览器略有不同...

    css常见的bug(ie)

    当父级DIV希望根据子级内容自适应高度时,IE可能无法正确处理。解决方案是在子级内容后面添加一个清除浮动的无视觉元素,如: ```html &lt;div id="parent"&gt; &lt;div id="content"&gt; &lt;/div&gt; &lt;div style="font: 0px/0px...

    ie6,ie7兼容性总结

    **问题描述**:在IE6和IE7中,`img`标签后若有空白字符,会导致图片下方出现额外的空白空间。 **解决方案**:通过设置`img`的`display`属性为`block`来解决。 ##### 9. 失去`line-height`效果 **问题描述**:在IE...

    IE兼容性总结

    - **问题描述**:元素ID为`#left_side`的右边框在IE浏览器中无法正常显示。 - **解决方法**:通过设置`#Linklist`(应为`#left_side`)的CSS属性`display: inline;`来解决这一问题。同时,还需要调整`#Linklist li...

    DIV_CSS测试题

    14. **IE中的img空白**:解决IE中`li`下面`img`下方的空白,可以使用浮动布局或设置`font-size:0`,但调整`img`的`margin-bottom`不是推荐方法。 **填空题知识点**: 1. **静态页面语言**:`XHTML`是一种基于`XML`...

    css浏览器兼容问题

    5. **IE6默认div高度问题**: IE6默认会给div一个字体高度,可通过`overflow:hidden;`、`line-height:1px;`或`zoom:0.08;`来修正。 6. **IE6最小高度/宽度问题**: IE6不支持`min-height`和`min-width`,可以使用...

    05DIV-CSS学习

    为解决这个问题,我们可以针对IE6添加一个私有的下划线前缀样式,例如:#side {_margin-right:-3px;}。这会将右侧的margin设置为负值,从而消除3像素的空白。但需要注意的是,这种方法并不符合W3C标准,因此在两列...

    CSS技巧DIV为空时占据空间的解决办法

    例如,文章中提到在IE7中设置line-height:0和height:0能够让DIV不再占据物理空间,而在IE6中这样的设置却无效。这可能需要开发者在多种浏览器中进行测试,并为不同浏览器指定不同的样式规则,以达到最佳的显示效果。...

    前端处理浏览器兼容问题

    #### 五、IE6默认的div高度 **问题**:IE6默认div的高度为一个字体显示的高度,即使设置了1px的高度也会显示为一个字体的高度。 **解决方法**:可以通过设置`overflow:hidden;`、`line-height:1px;`或者`zoom:0.08...

    浏览器兼容问题

    **问题描述**:IE6 下,`div` 的默认高度为一个字体显示的高度,导致设置高度为 1px 的容器实际高度比预期要大。 **解决方案**: 1. **设置 `overflow`**: ```css .single-line-div { overflow: hidden; } `...

    IE和FireFox的CSS兼容

    - IE6中,设置为`float`的`div`其`margin-left`会被加倍。通过添加`display:inline;`可解决此问题。 7. **高度自适应**: - 对于动态内容,不要预先设定高度,浏览器会自动伸缩。静态内容则建议设定固定高度,以...

    div+css兼容总结

    - **问题描述**:在 IE 浏览器中,如果两个浮动元素之间有百分比宽度,可能会出现一个 3px 的额外空白。 - **解决方法**:通过给第一个元素添加负的`margin-right`来修正这个问题。例如: ```css *html #left { /...

    初学DIV 如何命名 结构 思路

    - **IE边框与高度设置**:IE浏览器中的边框显示问题通常与元素的高度设置有关,确保每个有边框的元素都有明确的高度值。 - **浮动与父层包含**:为解决浮动元素导致的父元素高度塌陷问题,需使用`clear`属性或伪...

    DIV+CSS实现的框架,仿frameset,支持左侧缩进

    总的来说,这个项目提供了一种利用`DIV+CSS`替代`frameset`的解决方案,它既保留了多栏布局的功能,又避免了`frameset`的局限性,同时考虑到了老版本IE浏览器的兼容性问题。对于那些需要创建稳定、可维护且灵活布局...

    div背景全屏自适应

    在网页设计与开发过程中,经常需要将某个`div`元素的背景设置为全屏显示,并且能够根据不同的屏幕尺寸进行自适应调整。这种技术被称为“div背景全屏自适应”。通过合理地设置CSS样式,可以使背景图像无论在何种...

    前端面试题汇总1

    16. **绝对定位与相对定位的嵌套问题**:在IE6中,绝对定位的`div`内的相对定位`div`,如果设置了具体高度,宽度会自动变为100%。需要调整布局设计或CSS来避免这种情况。 了解并掌握这些常见的浏览器兼容性问题及...

Global site tag (gtag.js) - Google Analytics