Css:在其他元素下水平滚动

Question

我创建了一个甘特图，我希望当我水平滚动月份的日期时，隐藏日期的单元格(从01到04)出现(因此它将隐藏最后4天在右边)。

我已经绞尽脑汁几个小时了，但似乎还是解决不了这个问题。

.gantt-chart-wrapper {
height: 581px;
}
.gantt-chart-table {
border-radius: 10px;
table-layout: fixed;
width: 100%;
height: 100%;
}
.gantt-chart-table thead, .gantt-chart-table tbody {
overflow: auto;
white-space: nowrap;
}

这里是小提琴:http://jsfiddle.net/yz3vd7wf/

谢谢。

Answer 1

要实现溢出，可以使用CSSoverflow-x:或overflow-y:在要滚动的容器上。

看看https://www.w3schools.com/css/css_overflow.asp