css - 绝对位置中的绝对位置

Question

我有一个网站要从以前的设计中更新，我注意到一些我不满意的地方。

通常我将绝对定位的元素定位在相对定位的父级中。但是在这个站点中，它在绝对定位的父级中有一个绝对定位的元素。展示位置运行良好。但我想确定这是否 100% OK。

Answer 1

我看不出有什么问题。

position: relative表示元素将相对于其当前位置定位。

position: absolute表示该元素将使用 或 相对于第一个父元素 position: relative 定位 position: absolute。

所以请注意这个概念的措辞：一个元素绝对定位为另一个绝对定位元素的子元素，相对于其父元素定位，而不是相对于其相对定位的祖父元素。

Answer 2

假设您了解定位的工作原理并且您的元素按照您希望的方式定位：

是的，你正在做的很好。浏览器应该统一显示它，并且规范暗示它在绝对定位部分是可以接受的。