IE6中DIV使用了relative不定义宽度导致right定位误差

ttx9n · 发表于 2012-12-18 09:05:52

今天在做项目使用right时，老是碰到在IE6中显示总是比自己定义的right要小.晚上闲余时特意测试了一下，最后终于找到原因之所在了：IE6中如果使用absolute标签的父级DIV（此DIV使用了relative）不定义宽度，则该标签的right定位会出问题今天在做项目使用right时，老是碰到在IE6中显示总是比自己定义的right要小，没时间想那么多迫不得已就使用了hack方法解决，于是晚上闲余时特意测试了一下，最后终于找到原因之所在了：IE6中如果使用absolute标签的父级DIV（此DIV使用了relative）不定义宽度，则该标签的right定位会出问题。好像挺难看懂这话的意思，还是看看下面的例子吧，先看下面代码：

复制代码代码如下:
<div style="background:red;height:50px;width:300px;padding:10px;">
<div style="background:green;position:relative;">
<a href="#" style="position:absolute;right:20px;top:0;background:blue;">测试</a>
</div>
</div>

代码显示效果如下图：

由图可知，谷歌浏览器显示是我们所预期的那样，而IE6有点诡异。IE6中蓝色距离红色右边有20px，而谷歌浏览器中有30px，经过不断的测试发现在IE6中，上面的代码中a标签中的right是相对于最外面的那个div，而非父级div。同时我又测试了一下left，发现left显示的是正常的。

目前的只知道有两种解决方法：
1、就是用hack方法，将实际的right值加上最外面DIV的内边距（_right:20+10 px）；
2、定义a标签的父级div的宽度即可。

hd1tvqb3 · 发表于 2022-9-3 03:58:40

搞个免费的用用

thywok · 发表于 2022-11-7 05:21:08

抽根烟，下来看看再说

小伙伴 · 发表于 2022-11-21 13:46:11

谢谢下载来看看

溪谷玉贤 · 发表于 2023-3-3 08:14:42

给爸爸爸爸爸爸爸爸爸爸八佰伴八佰伴

btbhs8t · 发表于 2023-7-1 07:10:50

这个源码不错啊

回复用户1 · 发表于 2023-8-10 08:59:47

8888888888888888

Alisaliu · 发表于 2023-11-2 07:50:17

建军节建军节建军节建军节

z80vh · 发表于 2024-3-20 17:10:10

建军节建军节建军节建军节

9jduu05 · 发表于 2024-5-30 07:45:16

了乐趣了去了去了去了去了

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

[CSS] IE6中DIV使用了relative不定义宽度导致right定位误差