Tag标签 | 收藏本站 | 设为首页 | 参考书籍 | web前端技术交流①群:WEB前端技术交流群 会员登录 | 会员注册

首页文字描述

会员投稿 RSS订阅 专注web前端: 要么读书、要么旅行,身体和精神必须要有一个在路上。【每天一小步,成功一大步】
搜索: 您的位置主页 > WEB前端 > Bug解决 > 关于IE6两DIV之间存在3px空白的解决方案
隐藏/显示侧边栏

关于IE6两DIV之间存在3px空白的解决方案

2014-02-09 22:20    来源:未知    责任编辑:admin    字号【
IE6恶魔之手,常常让WEB前端开发师头痛不已。前段时间一网友遇到IE6中的两个DIV之间存在3PX的BUG,查了相关资料现给出相关解决方案,供大家参考。初始代码如下:

<div class="content">
    <div style="float:left;width:200px;background:red;">第一层,左浮动!</div>
    <div style="height:80px;margin-left:200px;overflow:hidden;
background:green; text-align:center;">自适应。文字居中看自效果。</div>
</div>
针对上面的content下的两个DIV之间会产生3像素的空白,下面是解决方案:

<div class="content">
     <div style="float:left;width:200px;background:red; _margin-right:-3px;">
第一层,左浮动!</div>
     <div style="height:80px;margin-left:200px;overflow:hidden;
background:green; text-align:center; _margin-left:-3px;">自适应。</div>
    </div>
分别在两个DIV中加”_margin-right:-3px”和”_margin-left:-3px;”注意都要加。

后来加的(一定要看):其实这个问题的解决方案不是这样的,如果给两个都增加浮动就可以解决空白问题,只要书写规范。还有如果不想第二个跟着浮动,大可加clear:both; 清除,而不是靠margin控制bug。。。上面的解决方案不是完美的解决方案,可以说是不太规范的。

有何感想和感悟敬请期待itzai8.com的更多相关WEB前端的文章。

更多
Tags 标签:
责任编辑:admin
最新图文列表
整合、复习所有CSS的兼容BUG(IE6、7、8,Firefox,Chrome)
整合、复习所有
设为首页 | 加入收藏 | 关于我们| 版权声明 | 在线留言 | 网站地图 |