当中间元素溢出时，如何使元素相对于外部元素变粘：hidden;？

Question

考虑这个HTML：

<div style="height: 200px; overflow: auto;">
  <div style="height: 500px; overflow: hidden;">
    <p style="position: sticky">
      some sticky content
    </p>
  </div>
</div>

在此代码段中，<p＆gt;由于overflow: hidden，相对于内部div是粘性的。是否可以使<p>粘性相对于外部div没有：

• 删除overflow: hidden
• 将<p>移出内部div

Answer 1

  

是否可以使<p>粘性相对于外部div   无：

     

  
• 删除溢出：隐藏
  
• 将<p>移出内部div
  

目前，这是不可能的 - 请参阅MDN：

  

请注意，根据规范，粘性在元素内部不起作用   溢出：隐藏或自动。 （参考：Github issue on W3C CSSWG）

也就是说，在上面的Github问题中，讨论了这个限制是否实际上是根据规范或实际上是一个错误。