html - 停止 DIV 环绕...>

Question

我正在尝试为那些了解它的人创建一个类似 Microsoft Project 的元素控件。

我有一个Container Div，然后有两个子容器如下:

每个子容器都有很多内部 div，例如，我的第一个子容器有以下 div:

- ID, 
- WBS,
- Description
- Start Date, 
- End Date,
- Resource,
- etc

这是一个 JSFidle

第二个子容器将包含甘特图，因此每天一个 div 与元素持续的天数一样多，可能超过 300 天。

我遇到的问题是，当子容器到达窗口的右手边时，它们会绕到下一行。我怎样才能让它停止包装？

我试过:在主容器中:

overflow: auto;
overflow: visible;

然后对于子容器:

display: inline-block;

但是正如您在 JSFiddle 中看到的那样，它只是绕到下一行。我已经浏览了 Stack 上的相关帖子并进行了谷歌搜索，但建议的答案(主要是溢出和显示)对我不起作用:(

如何让它停止包装？

Answer 1

将 min-width 设置为至少 1000px 或您将拥有的任何最大列数