绝对相对定位

Question

3

我的客户给了我访问权限，只能更改他的HTML的一部分，如下所示：

<div style="position:relative;">PUT YOUR CODE HERE</div>

问题在于我需要将一个绝对定位的div左边距和上边距设为0像素，以使其固定在页面顶部，但实际上它却相对于父级元素被固定。

我能否只使用CSS在相对div中定位绝对元素并使其相对于窗口而非相对于父级相对div，而不使用其他技巧或JS计算相对位置再减去内部绝对div的方法？

谢谢。

- amandanovaes

如果你想让它固定在页面的左上角，你不能使用 position:fixed; 吗？ - Liam Allan

谢谢，但我需要div随着页面滚动而滚动，如果我使用fixed，当用户向下滚动时它将永远不会消失。 - amandanovaes

2

不行，一个元素总是根据第一个具有“position”的父元素定位。 - putvande

2

不使用 JavaScript 是不行的。或者你可以设置 top:-Xpx，但这并不是一个好的解决方案。 - putvande

一个负数的 top 就可以了。 - Kevin Lynch

显示剩余6条评论

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Hawken · Answer 1

不行，除非你知道左上角的距离，否则你可以使用负的top:和left:值。

绝对定位是相对于最近的具有非静态位置的祖先元素而言的。