css绝对位置内部相对位置不重叠

Question

我一直在试图让我的网站成为crossbrowser ..在IE6中我有一个相对定位的容器,里面有一个绝对的div,它有负的顶部和左边,但不是在相对的顶部div,正在下面看起来像这样:

        ++++++++++++++++++++++
        +     container      +
        +++++++++++++er      +
        +llo        +er      +
        +rld        +er      +
        +++++++++++++er      +
        +     container      +
        +     container      +
        ++++++++++++++++++++++

注意:

        ++++++++++++++++++++++
        +     container      +
  +++++++++++++++++++er      +
  +     hello       +er      +
  +     world       +er      +
  +++++++++++++++++++er      +
        +     container      +
        +     container      +
        ++++++++++++++++++++++

在所有其他浏览器中我只使用静态定位容器和hello world div的绝对位置,并且工作得很好,但在ie6绝对div是奇怪的定位,无论我怎么顶或左我没有移动,所以我想为IE6做这个,但我有上面描述的问题.

Answer 1

相对位置与绝对位置的组合：

#container
{
    width: 200px;
    margin: 0 auto;
    position: relative;
}
#content
{
    width: 200px;
    position: absolute;
    z-index: 999;
    left: -100px;
    top: 100px;
}

演示在这里，截图如下：

。

似乎适用于 IE6+、FF、Chrome。