位置：相对和溢出：自动问题，但不能在包含元素上使用位置：相对！ :-(

Question

我有一个页面，我需要在 html 和 body 标签内使用溢出：自动，因为我有一个位置：固定元素，为此我必须在 IE 中使用位置：绝对（因此，溢出：自动以摆脱 IE漏洞）。

这一点已排序。

但现在我的问题是我的页面上有其他position:relative 元素。当我放置 *html, body{ Overflow : auto;} 时，那些相对定位的元素表现得很奇怪，并且由于另一个 IE bug（overflow:auto 和position:relative）而在 IE 中得到了修复。

我被告知，在一般情况下，此错误的解决方法是在“包含元素”中包含position:relative。但这是不可能的，因为我的包含元素需要 IE 中的position:absolute 才能使固定元素起作用。

我该如何解决这个问题？

---

* html , body { height:100%; overflow : auto;}
* body #fixedelement {position:absolute;} /* for IE */

body > #fixedelement {position:fixed;} /*for firefox etc*/

#relative{
    /* I need to use this but putting position:relative to html or body
    seems not possible coz i need #fixedelement to work in IE */
    position:relative;
}

请帮忙

Answer 1

有一个技巧，它允许您将绝对定位的元素放入相对元素中。 您可能会发现它很有用。