Css：在其他元素下水平滚动答案

【问题标题】：Css : scrolling horizontal under other elementCss：在其他元素下水平滚动
【发布时间】：2021-12-13 04:20:58
【问题描述】：

我创建了一个甘特图，我希望当我在一个月的几天水平滚动时，隐藏日期的单元格（这里从 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/

谢谢。

【问题讨论】：

我不明白，我发布了一个小提琴，而不是另一个网站的链接：/
你的小提琴在另一个网站上，这是一个链接吗？是的。
没有。我自己创造了这个小提琴。它不在其他网站上。

标签： css vuejs2 gantt-chart

【解决方案1】：

要进行溢出，您可以在要滚动的容器上使用 CSS overflow-x: 或 overflow-y:。

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

【讨论】：

嗨，我知道溢出，但是当我使用溢出时，滚动的是我的整个表格，而不是我的任务块下的行。