使子div显示内联100％宽度和父溢流滚动

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

我相信它可以完成没有Java脚本，但我想这里有一些我在这里失踪。
所以我想让孩子div取父母的min-width的价值，所以我可以水平滚动左侧或右侧，而不需要父级展开。
我这样做的原因是因为我想要一个可扩展的轮播，而不必为父元素和子元素设置宽度。无论屏幕大小还是用户最大化窗口大小，我都希望它具有可伸缩性。
这是否使感觉？使子div显示内联100％宽度和父溢流滚动

来源

2013-10-22 just some guy

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

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/

来源

2013-10-22 14:03:36 LorDex

这几乎是我所需要的。我将如何让文字不会突破到一个新的行，而不是进入一个连续的行？ http://jsfiddle.net/P2BqP/12/ –

不确定你的意思。添加overflow：隐藏到#container div – LorDex

感谢您的帮助，我竟落得这样做的：http://jsfiddle.net/P2BqP/13/ 我试着制作一个包裹child divs内部文字的旋转木马。似乎我正在尝试一种错误的方法。

来源

2013-11-14 12:17:58

使子div显示内联100％宽度和父溢流滚动

回答

相关问题