Question

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

我相信它可以在没有Java脚本的情况下完成，但我想我在这里缺少一些东西。
所以我想让子div获取父min-width的值，所以我可以向左或向右水平滚动，而不需要父扩展。我之所以这样做是因为我想要一个可扩展的轮播，而不必为父元素和子元素设置宽度。我希望它可以扩展，无论屏幕大小或用户是否最大化窗口大小。
这是否可以实现？

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内文字的旋转木马。好像我正在尝试一种错误的做法。

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

2 个答案: