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

CSS样式表
CSS 书写有怎样的功能
FireFox中上层高度不影下层的解决办法
CSS text-shadow属性
CSS @import与link的具体区别
详解css 定位与定位应用
网页设计新手30条进阶秘技
CSS分栏布局的方法:绝对定位和浮动
针对IE8正式版的CSS hack
条件 CSS的使用
CSS 垂直居中五种实现方法
CSS教程 汇总让IE6崩溃的几种方法
左上角图片文字环绕在图片右侧
鼠标指向网页图片时图片周围显示虚线框
CSS 快速提升设计可读性和维护性
CSS3 完美实现圆角效果
网页排版 5个CSS基础
CSS3 圆角效果
HTML5 CSS3给网站设计带来出色效果
CSS 网页布局 表格制作实例
css 滚动条换色调整代码

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


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