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

今天在参与项目开发时，遇到了一个使用right属性定位的问题。在IE6浏览器中，我发现right属性的显示效果总是比我预期的要小。由于时间紧迫，我暂时使用了hack方法来解决这个问题。晚上有空时，我决定深入研究这个问题，并最终找到了问题的根源。

在IE6浏览器中，如果一个使用了absolute定位的标签的父级DIV（而这个父级DIV又使用了relative定位）没有明确定义宽度，那么这个标签的right定位就会出现问题。这个问题可能比较抽象，让我们通过一个具体的例子来解释。

以狼蚁网站的SEO优化代码为例：

```html

```

在这段代码中，我们能看到一个红色的div，内部包含一个绿色的div，而绿色的div中又包含一个蓝色的链接（a标签）。在谷歌浏览器中，蓝色的链接距离红色div的右边确实是20px。但在IE6浏览器中，这个距离却是异常的。经过测试发现，在IE6中，这个a标签的right属性是相对于最外层的div，而不是它的父级div。同时我也测试了left属性，发现它的表现是正常的。

对于这个问题，目前有两种解决方案：

方法一：使用hack方法。我们需要计算最外层div的内边距，并将其加到实际的right值上（例如_right:20+10 px）。

方法二：为a标签的父级div明确定义宽度。这样，无论在哪种浏览器下，right属性的定位都会按照我们预期的方式显示。

以上就是我今天的发现和总结。希望这个例子能帮助大家更好地理解这个问题，并为大家提供两种有效的解决方案。在未来的项目开发中，如果遇到类似的问题，可以尝试这两种方法来解决。