将位置固定元素的正确位置固定为相同，无论父级是否具有滚动条

Question

无论父项内容是否溢出，如何强制position: fixed;元素始终与right保持16px？

<div style="overflow: auto; position: absolute; right: 0;">
 <div style="position: fixed; right: 0;">
  <div><span>Hide Something</span></div>
  <div><span>Show Something</span></div>
 </div>
</div>

Answer 1

显然，将position: absolute;添加到第三个元素会强制该位置（例如right: 16px;或right: 0;），而不管（现在是盛大的）父元素是否溢出。

<div style="overflow: auto; position: absolute; right: 0;">
 <div style="position: fixed; right: 0;">
  <div style="position: absolute; right: 16px;"><span>Hide Something</span></div>
  <div><span>Show Something</span></div>
 </div>
</div>

Answer 2

不确定我是否完全理解这一点，但是看来您应该可以将right: 16px设置为position: fixed元素。