使用100％的宽度和父溢出滚动子的div显示器内联(make child divs display

我已经试过了一整天，似乎无法得到这个工作。 这里是一个小提琴，所以你能明白我在说什么： http://jsfiddle.net/P2BqP/

我相信它可以在没有Java脚本的工作要做，但我想有我丢失的东西在这里。
所以我想使孩子的div拿父母的价值min-width ，这样我就可以能水平向左或向右滚动，而无需父扩大。
我这样做的原因是因为我想要一个可伸缩的传送带，而不必有父和子元素设定宽度。 我想它是可扩展的，无论屏幕尺寸，或者如果用户最大化窗口的大小。
这是否让SENCE？

Answer 1:

简化版本，但应该让你的总体思路：

CSS：

#container {
    background-color:#CCC;
    min-width:50%;
    max-width:300%;
    overflow-x:scroll;
    white-space:nowrap;
    display: block;
}

#container div {
    border: 1px solid #006;
    white-space:nowrap;
    display: inline-block;
    width:100%;
}

http://jsfiddle.net/P2BqP/3/

Answer 2:

感谢您的帮助，我竟落得这样做的： http://jsfiddle.net/P2BqP/13/我试图让一个包装内的文本旋转木马child divs 。 好像我是想一个错误的做法。

文章来源: make child divs display inline with 100% width and parent overflow scroll