使用 CSS Flexbox 的带有单独滚动条的多列网页？

Question

我是一名新的 Web 开发人员，希望设计一个类似于 this 的页面作为 CSS 列的练习。我目前无法使 flexbox 容器中的每个 <div> 单独滚动。

Link to current state (CodePen)

我知道position: fixed 在弹性盒中不兼容，但这是我能想到的唯一方法。有什么想法吗？

Answer 1

您正在寻找类似的东西吗？

https://codepen.io/Netswift/pen/ExWNPWy

position: fixed 和 display: flex 可以很好地协同工作 - 固定定位控制 div 相对于 的位置，而 flex 显示控制 div 内部的内容。