首页前端开发HTMLIE6 两个div有间隙的问题(IE 3px bug)

IE6 两个div有间隙的问题(IE 3px bug)

时间2024-01-24 00:01:24发布访客分类HTML浏览599
导读:收集整理的这篇文章主要介绍了IE6 两个div有间隙的问题(IE 3px bug) ,觉得挺不错的,现在分享给大家,也给大家做个参考。 已存在解决方法:利用float和margin的负值偏移来实现,这两种方法虽好,但是对于前一种方...
收集整理的这篇文章主要介绍了IE6 两个div有间隙的问题(IE 3px bug) ,觉得挺不错的,现在分享给大家,也给大家做个参考。 已存在解决方法:利用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;
}

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

divIE6

若转载请注明出处: IE6 两个div有间隙的问题(IE 3px bug)
本文地址: https://pptw.com/jishu/584788.html
CSS+DIV 拼图(26个英文字母) 让图片 div居中实现代码

游客 回复需填写必要信息