当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > IE6 两个div有间隙的问题(IE 3px bug)

CSS样式表
Pjblog模板制作教程 超强推荐
(X)HTML Strict 下的嵌套规则
BUTTON和INPUT的区别
css 命名规范
各浏览器padding、margin的差异
IE浮动边界BUG延伸探讨
激发你的灵感:50个优秀的Favicons
Lesson01_08 图像地图
Lesson03_01 什么是CSS和CSS的设置方式
[转]Accesskey引起的一点点思考
CSS仿淘宝首页导航条布局效果
Css利用js的expression实现的效果
Web标准学习资源(书籍、网站)推荐
DIV+CSS 滑动门技术的简单例子
给自己的网站制作一个favicon.ico图标的实现方法
100%点击区的滑动门代码
用js实现的DIV+CSS编辑器代码
css条件注释理论及实践源文件
CSS条件注释的使用详解教材
针对浏览器隐藏CSS之独孤九剑

CSS样式表 中的 IE6 两个div有间隙的问题(IE 3px bug)


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-11   浏览: 391 ::
收藏到网摘: n/a

已存在解决方法:利用float和margin的负值偏移来实现,这两种方法虽好,但是对于前一种方法如果这两个div包含在另一个div中,且这个div已经float的话,这个方法是无效的。

本题目采用方法:即在其中的某个div的css中增加overflow:hidden;(OVERFLOW:hidden---这样超出部分会自动隐藏,这样做不好的地方是就是这部分的信息显示不完全,比如图片只显示了一部分. 但是页面布局不会乱.要注意的是,使用overflow的时候,一定要定义width,百分比或者具体值都可以.)即可,这样在IE6和IE7中都能有效的显示。

实现:这里也采用上面参考中的例子,其中例子中的id=left的div的样式按一下定义即可。

代码如下:

#left {   
overflow:hidden;   
width:200px;   
height:100px;   
background:#f00;   
}