css - 如何混合滚动和固定元素？

Question

我想固定很多元素，但要让主要文本 block 滚动。

在我开始编码之前，我想要一些有关执行此操作的最佳方法的建议。我是否应该将所有固定元素包装在一起，然后在其中为滚动部分添加一个相对元素？

这是我正在尝试做的事情:

Answer 1

我认为你应该为你的页面创建一个主包装器，它有一个相对位置并且你在页面上水平居中(例如使用 margin: 0 auto;)。

然后在包装内添加一个 <nav>对于您的顶部导航并将其 css position 属性设置为 fixed ，然后用 <aside> 对侧边栏执行相同操作.

然后在包装内添加一个<div id="content"></div>例如您的内容并将其 css position 属性设置为 relative .如果你想让这个div的内容垂直滚动，你可以添加下面的css:overflow: auto;