高度导致IE6中两个DIV有3px空隙问题_margin-right/left可解决

ttx9n · 发表于 2012-12-18 09:21:21

在IE7中两个div是紧挨着的，但是在IE6中会出现两个div之间出现3px左右的间隙,解决方法：利用float和margin的负值偏移来实现，这两种方法虽好，但是对于前一种方法如果这两个div包含在另一个div中，且这个div已经float的话，这个方法是无效的最近做的页面基本上都是自适应的，经常使用如下的写法：

复制代码代码如下:
<div style="width:400px;">
<div style="float:left;width:200px;background:red;">sdf</div>
<div style="margin-left:200px;overflow:hidden;background:green;">sdf</div>
</div>

左边的DIV使用float，右边的DIV则自适应。昨天给右边的DIV添加了一个高度，发现在IE6中出现了问题。（以下两个实例的区别只能在IE6中才能看到）
左边DIV 此DIV未设置高度，所有浏览器显示均正常左边DIV 此DIV设置了高度，导致在IE6中左右两个DIV之间有3px的间隙
左边DIV是否设置高度均不受影响。目前还没有找到解决方法，唯独只能将右边的DIV的高度去掉。
如果有解决方法的朋友请指教。
=========================================================
感谢网友“什么情况”提供解决方法，解决方法如下：

复制代码代码如下:
<div style="width:400px;">
<div style="float:left;width:200px;background:red;_margin-right:-3px;">sdf</div>
<div style="margin-left:200px;overflow:hidden;background:green;_margin-left:-3px;">sdf</div>
</div>

分别给两个DIV添加_margin-right:-3px和_margin-left:-3px，即可解决问题

8ayoqrpj · 发表于 2023-1-12 04:11:53

看看怎么样再说

回复用户1 · 发表于 2023-4-11 17:32:54

大家都不容易！

溪谷玉贤 · 发表于 2023-10-17 02:24:34

天天源码社区。。。。

ki9ku6 · 发表于 2023-11-26 06:10:55

好东西一定要看看！

e8hwl6prw · 发表于 2024-5-26 03:03:38

额头额定法国队是范德萨

5vulod · 发表于 2024-5-31 22:26:40

iiguuubhuiuihu

u6h2m4 · 发表于 2024-6-4 20:21:36

撒旦撒旦撒擦擦擦擦

6q8s6p21 · 发表于 2024-7-6 07:26:59

哈哈哈哈哈哈哈

fwn2rd · 发表于 2024-8-30 19:15:39

我找了挺久终于找到了

账号		自动登录	找回密码
密码			立即注册

[CSS] 高度导致IE6中两个DIV有3px空隙问题_margin-right/left可解决

相关帖子