Html 如何使用css独立滚动两个div

我有一个页面布局在下面的链接。当我滚动内部窗口区域时，两个div都在滚动

---

我想要两个div（第一列，第二列）在内部窗口内独立滚动。如果内容在查看端口高度范围内，则禁用滚动。仅使用CSS就可以了吗？

我还没有尝试过，但我会尝试在CSS文件中为每个div设置

overflow-y:scroll

。当内容高度超过div高度时（假设设置了固定高度），它会自动添加滚动功能。如果不行，请随时告诉我。祝你好运

将scroll添加到独立类中，并且您必须将内容的滚动高度设置为

max

所需的高度，例如下面的示例，我使用了

400px

作为高度，张贴您将要滚动的高度

奖金提示

用于方向时，

flex-direction:行是默认值，您无需特别使用它


。固定框{
位置：固定；
宽度：100%；
}
.粘头{
位置：固定；
}
.内窗{
边框：1px纯红；
显示器：flex；
弯曲方向：行；
}
.第一栏{
溢出y：自动；
高度：400px；
}
.第二栏{
溢出y：自动；
高度：400px；
}

这是第一栏

这是第一栏

这是第一栏

这是第一栏

这是第一栏

这是第一栏

这是第一栏

这是第一栏

这是第一栏

这是第一栏

这是第一栏

这是第一栏

这是第一栏

这是第一栏

这是第一栏

这是第一栏

这是第一栏

这是第二栏

这是第二栏

这是第二栏

这是第二列

这是第二栏

这是第二栏

这是第二栏

这是第二栏

这是第二栏

这是第二栏

这是第二栏

这是第二栏

这是第二栏

这是第二栏

这是第二栏

这是第二栏

它仍然不能独立滚动。奇怪的是，它应该可以正常工作。检查下面的Manjuboyz答案。他把我的意思全部写了出来。希望有帮助！