我相信您正在寻找的答案如下…
元素的位置默认不为0,0。默认情况下，它的位置是相对于包含元素设置的，因此在您的示例中，“＃container-1”的padding-
left为：20px，而其余的padding设置为0，则元素的“默认”位置为20px
＃container-1墙的左侧，顶部距离＃container-1顶部0px。
默认情况下，此元素的默认位置，并且我的视口未滚动从顶部开始是63px，而左侧显然取决于浏览器的宽度。但是，如果不覆盖顶部和左侧，则渲染引擎已经将它们定义为top：63px，left：893px。
然后在调整窗口大小时，将调整该位置以反映基于视口的位置，因此当您向下滚动时，将更改该位置以使其固定。
因此，只需添加“ position：fixed;” 您的属性（就浏览器而言）如下：
position:fixed;top:63px; // defined by default during browser rendering in some browsers (based on scroll position on load)left:893px; // defined by default during browser rendering in some browsers (based on scroll position / width of browser at time of load)
我希望这有帮助！
