2011-06-04 157 views
6

我一直有问题,试图让我的网站被交叉浏览器..在IE6中 我有一个相对定位的容器,里面有一个绝对的div,它有负面的顶部离开但是,不是在相对DIV的顶部到底,会下这样看:css绝对位置内部相对位置不重叠

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

insted的的:

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

在所有其他浏览器即时通讯使用的集装箱只是静态定位和绝对位置hello world div,并且工作得很好,但是在ie6中,绝对div的定位很奇怪,无论顶端还是左边我给它它没有移动,所以我想为IE6做这件事,但是我遇到了上面描述的问题。

+0

是否存在负左边界工作? (你可能根本不需要相对/绝对定位)。 – 2011-06-04 08:05:07

回答

2

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

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

Demo here和下面截图:

jsfiddle-QBd8P-ie6

似乎在IE6 +,FF,Chrome中工作。

+0

感谢您的帮助,但我需要在绿色框下的信息,我的意思是如果我这样做它占据了空间 – Gmo 2011-06-04 09:21:11

+1

@Gmo:我已经更新了小提琴。我检查了IE6,并得到了预期的结果,就像你在ascii艺术中描述的那样。 – 2011-06-04 10:13:28