小编bre*_*ett的帖子

我有一个非常简单的需求：使和元素粘在屏幕的右侧。

在 Firefox 中一切正常，但在 Chrome 中该right: 0属性被忽略。我说没关系，我可以通过使用来实现我的目标left: calc(100% - 80px);，但这是一个幸运的情况，当我知道粘性元素的宽度时。

然而，后来我感到困惑：虽然上述解决方法按预期工作（elemtn 粘在右侧），但也如此left: 100%;，就此而言，也如此left: 2000%，而没有触发溢出（在 Chrome 和 Firefox 中测试）。我显然错过了一些东西。也许我不明白粘性元素的左右定位，尽管 Firefox 和 Chrome 之间存在明显差异。

left: calc(100% - var(--element-width))完全有道理，但任何人都可以解释一下：为什么被right忽略以及为什么left: 100%并且left: 2000%就此而言也起作用（即，它将元素定位在我期望right: 0放置它的位置，当它应该明显溢出时。）

.wrapper{
  width:100%;
  position:relative;
}
.container{
  height: 2000px;  
}
.floater{
  position:sticky;
  height:200px;
  width:80px;
  background:red;
  top:200px;
  right:0;  
}

<div class="wrapper">
    <div class="container">
      <div class="floater">
        hei!
      </div>
    </div>
</div>

我试图通过用户执行的操作在我的应用程序中的某个位置启动默认警报应用程序。我知道您现在可以添加自己的警报和通知，但我希望用户能够使用默认的警报应用程序。

我该怎么做呢？