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

CSS样式表
全面了解CSS
单纯使用CSS实现动态提示信息
像table一样布局div
一个自动居中的导航条实例与相关问题 DIV+CSS
一个导航条布局的简单写法
Overflow OPREA
空格BUG
DIV+CSS 网页TIP的简单作法
如何设置一个指定高度的DIV
CSS实现阴影文字效果
全面考察“禁用浏览器后退”
仿windows工具条样式
DOM属性用法速查手册
如何设置网页的背景为透明
凸起的按钮效果
带白边的黑字 css
什么是Unicode,什么是UTF-8
怎么让表格为固定大小,超出的部分显示为省略号
实用的标签效果
找到html标记对应的脚本属性

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-11   浏览: 367 ::
收藏到网摘: 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;   
}