我试图left: 0使用position: sticky. 这在某些情况下工作正常，但我注意到如果元素宽度增加它会停止工作。例如，以下工作：
#header {
position: sticky;
left: 0;
width: 50%;
background-color: #888;
}
#page {
height: 80vh;
width: 120vw;
background-color: #000;
}<div>
<div id="header">
Where is my mind?
</div>
<div id="page">
</div>
</div>但是如果我增加标题元素的宽度，100%它就会停止工作。
#header {
position: sticky;
left: 0;
width: 100%;
background-color: #888;
}
#page {
height: 80vh;
width: 120vw;
background-color: #000;
}<div>
<div id="header">
Where is my mind?
</div>
<div id="page">
</div>
</div>为什么会发生这种情况？有什么方法可以position: sticky用来防止标题元素在宽度为 时滚动 …