css - 创建一个相对定位的滚动div

Question

我正在尝试创建一种效果，我在页面上有一个小标题，该标题始终在顶部可见，然后是可以上下滚动的页面其余部分。

目前页眉一滚动页面就滚出页面，这不是我想要的。我考虑过让页面的第二部分成为一个滚动的 div，类似于 this answer。 ，但不幸的是，这种方法似乎要求我提前知道标题 div 的高度，而我不知道 - 原因是高度可能会根据页面的宽度而变化，所以如果页面不是标题的足够宽的部分将溢出到下一行。出于这个原因，绝对位置似乎也是不可能的，因为我无法提前知道第二个 div 的位置 - 它应该紧跟在第一个 div 之后，无论它在哪里，即相对位置但似乎绝对定位是使可滚动 div 工作的技巧的一部分。

那么如何仅使用 CSS 实现相对于页面上另一个元素定位的滚动 DIV？

Answer 1

将标题元素定位为:

position: fixed;

这将使它相对于浏览器窗口“固定”，无论您滚动了多少。