【发布时间】：2014-10-08 19:33:49
【问题描述】：
我正在尝试为熟悉它的人创建一个类似于 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 上的相关帖子，也搜索过，但建议的答案（主要是溢出和显示）对我不起作用:(
我怎样才能让它停止包装？
【问题讨论】：
-
不确定我是否理解。喜欢这个jsfiddle.net/j08691/2s3muo0u？
-
是的，就像那样:) 非常感谢！它有效:)
-
实际上...它适用于第一个子容器，但它仍然包裹着其他容器，正如您在小提琴中看到的那样：jsfiddle.net/2s3muo0u/5 你知道我怎样才能让所有 3 个容器排成一行只有一行，所以我有容器 1（列标题）+ 容器 2（我将使用它来调整第一个容器的左右大小）+ 容器 3（它包含甘特图的所有日期）？