如何强制内容使用滚动条而不是通常的垂直方式水平流动

Question

我只是水平显示内容，因此当更多内容被加载到视图中时，我需要动态更改宽度以容纳滚动条处理滚动。所以现在这个代码只会占用高达4500px的内容，之后它会尝试突破到新的行而不是水平延续。关于如何做到这一点的任何想法？

.container-scroll {
    width: 4500px;
    min-width: 3000px; 
    overflow-x:scroll;   
    position: relative;
    min-height: 100%;
}

Answer 1

不要在容器上指定宽度。确保里面的元素是display: inline。

Answer 2

你需要这个CSS：

.container-scroll {
    width: auto;
    min-width: 100px; 
    overflow-x:scroll;   
    position: relative;
    min-height: 100%;
}​

只需指定所需的最小宽度，滚动即可处理休息。