`position: absolute;`可以改变截距吗？答案

【问题标题】：Can `position: absolute;` change the intercept?`position: absolute;`可以改变截距吗？
【发布时间】：2021-11-05 12:18:18
【问题描述】：

我正在尝试复制 Github 的定价页面 https://github.com/pricing，特别是 团队计划 具有的最受欢迎边框。

如果您查看源代码，您会发现<p class="...">Most Popular</p> 具有position: absolute; top: 6px;。现在，据我了解，absolute 定位采用从屏幕左上角开始的x 和y 值。

<p class="...">Most popular</p> 标签如何与这种样式完美搭配？

【问题讨论】：

具有位置的元素：绝对；相对于最近的定位祖先定位（而不是相对于视口定位，如固定）。然而;如果绝对定位元素没有定位的祖先元素，它会使用文档正文，并随着页面滚动而移动。
好的，现在很清楚了，谢谢

【解决方案1】：

明白了，谢谢

@shakib 具有位置的元素：绝对；相对于最近的定位祖先定位（而不是相对于视口定位，如固定）。然而;如果绝对定位元素没有定位的祖先，它使用文档正文，并随着页面滚动而移动。

【讨论】：