作家
登录

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

作者: 来源:www.28hudong.com 2012-11-19 22:31:34 阅读 我要评论

已存在解决方法:利用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; }

  推荐阅读

  CSS 空格引起网页布局间距问题

发现的“页面空格引起的间距问题”,是不同浏览器对“空格”宽度的解析不同造成的。 ie7浏览器解析的空格间距要比ie6/firefox大。 解决方法如下: 1.删掉空格 2.给需要间距的元素margin属性>>>详细阅读


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

地址:http://www.17bianji.com/kaifa2/CSS/16754.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)