Html 并排潜水，不带包裹

我的图表有点问题

我有一个固定的容器，

。甘特图

此容器中有一行

。甘特行
。
此行中有两个包装器（
.gantt columns wrapper
，
.gantt sub columns wrapper
），用于按绝对位置分层列

position: absolute;
left: 0;
top: 0;

包装器中有列和子列。
我想滚动，但它们已经被包装好了？有什么解决办法吗

这个
将此添加到CSS中

.gantt-chart {
    overflow-y: scroll;
}

我编辑了
这就是你想要的吗？

我改变了边框的颜色，这样可以看到哪个元素在哪里

我添加了
空白：nowrap

.gantt-sub-column-wrapper, .gantt-column-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap

}

和溢出：自动

.gantt-chart {
    height: 200px;
    position: relative;
    width: 200px;
    border: 1px solid #000000;
    overflow:auto;
}

甘特图上的溢出是隐藏的，这使您无法滚动。我知道，但它们已被压缩；）我有一个外部滚动条。你能澄清一下你想要实现什么吗？也许可以贴一张照片，看看它应该是什么样子？@Alex我编辑了这篇文章。