css - 在css中为一个元素设置两个位置

Question

我有一个div元素绝对浮动在鼠标位置上。所以我将其设置position为absolute：

div#floating{  
    position:absolute;  
}  

我想要一个[close]链接（在我的 div 中有绝对位置）来隐藏我的浮动 div。所以我必须要：

a#close{  
  position: absolute;  
}  

和

div#floating{
   position:relative;  
}  

如何为浮动 div 设置两个位置（绝对位置和相对位置）？

Answer 1

将两者都设置为absolute。因为在另一个绝对或相对定位元素内的绝对定位元素是相对于其父元素计算的。

 div#floating{ 
    position:absolute;  
 }  

 a#close{  
   position: absolute;  
 }  

检查这个：http: //jsfiddle.net/6ddDw/

Answer 2

我认为你不能那样做。

尝试在浮动 div 中放置一个 div 并使其位置相对。