可以绕过那个最近的祖先？

Question

"绝对定位的元素相对于最近的祖先定位." - MDN:位置 - CSS

当有一个父母被定义为position:relative;但我没有意识到的是position:absolute技术上有资格作为"定位的祖先" 时,我理解这一点.

这是一个示例:http://jsfiddle.net/MSzZG/如果文本"在顶部"可以将top属性应用于窗口而不是包含div但是我只是无法弄清楚是否有可能绕过它会很好.

<div>
 <div>Content
 </div>
</div>
<div style="position:absolute;">
 <div style="position:absolute;top:0px;">At top
 </div>
</div>

有没有办法绕过先前定位的绝对元素(不使用固定)？一个JavaScript解决方案是可以接受的.

Answer 1

您必须计算其自然位置与所需位置之间的差异，才能将其绝对放置在窗口中。

如果您使用的是 jQuery，则可以让它通过.offset(coordinates)函数为您进行数学计算。