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

【问题标题】：Multi-column webpage with individual scrollbars using CSS Flexbox?使用 CSS Flexbox 的带有单独滚动条的多列网页？
【发布时间】：2021-08-08 05:23:13
【问题描述】：

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

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

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

<main> 现在可以像我想要的那样工作了！我仍然希望为最右边的<article> 元素提供类似的滚动行为。感谢您看一下，您对<article>滚动有什么提示吗？
给你@whole-earth - 如果有什么不明白的地方请告诉我。 codepen.io/Netswift/pen/ExWNPWy