看看下面的代码片段。
<div class="container">
<div class="header" style="position:sticky;top:0">
Header
</div>
<div class="content" style="position:static">
Page content
...
</div>
</div>
在此处向下滚动页面时，内容位于标题下方。所有工作都按预期进行。
但是，如果我将“内容”的div位置更改为“相对” ，则在滚动页面时内容开始越过粘性标头。
为什么会这样？没有使用z-index的解决方案吗？