我正在尝试为那些了解它的人创建像Microsoft Project这样的项目控件。
我有一个Container Div，然后是两个子容器，如下所示：
每个Sub容器都有很多内部div，例如，我的第一个子容器的div为：
- ID,
- WBS,
- Description
- Start Date,
- End Date,
- Resource,
- etc
这是JSFidle。
第二个子容器将具有甘特图，因此每天一个div与项目持续的天数可能超过300天。
我遇到的问题是当子容器到达窗口的右手时，它会绕到下一行。 如何让它停止包装？
我试过了： 在主容器中：
overflow: auto;
overflow: visible;
然后是子容器：
display: inline-block;
但正如你在JSFiddle中看到的那样，它只是绕到了下一行。 我已经浏览了堆栈上的相关帖子并且也用Google搜索过，但建议的答案（主要是溢出和显示）对我不起作用：（
如何让它停止包裹？
答案 0 :(得分：0)
将min-width设置为至少等于1000px或您拥有的最大列数
答案 1 :(得分：0)
如果您的要求允许可滚动的div，那么样式表中的“overflow-x：auto”可能会起作用