html - DIV并排不换行

Question

我的图表有点问题。

我有一个固定的容器，.gantt-chart在这个容器中是一行 .gantt-row。在这一行中有两个包装器(.gantt-columns-wrapper, .gantt-sub-columns-wrapper)以绝对位置对列进行分层

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

包装器中是列和子列。我想滚动，但它们被包裹起来了？有什么解决办法吗？

fiddle

Answer 1

我编辑了 fiddle这就是你想要的吗？
我更改了边框颜色，以便可以看到哪个元素 ges 在哪里

我添加了white-space: 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;
}