1

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

我确信它可以在没有 Java 脚本的情况下完成，但我想我在这里缺少一些东西。
因此，我想让子 div 采用父级的值min-width，这样我就可以向左或向右水平滚动，而无需扩展父级。
我这样做的原因是因为我想要一个可伸缩的轮播，而不必为父元素和子元素设置宽度。无论屏幕大小或用户是否最大化窗口大小，我都希望它具有可扩展性。
这有意义吗？

4

2 回答 2

7

简化版，但应该让您大致了解：

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-22T14:03:36.683 回答
0

感谢您的帮助，我实际上最终这样做了：http: //jsfiddle.net/P2BqP/13/ 我试图制作一个将文本包装在child divs. 好像我在尝试错误的方法。

于 2013-11-14T12:17:58.183 回答