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

Question

我只水平显示内容，因此当更多内容加载到视图中时，我需要动态更改宽度以适应让滚动条处理滚动。所以现在下面的这段代码只会占用最多 4500 像素的内容，之后它会尝试换行而不是水平继续。关于如何做到这一点的任何想法？

.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%;
}​

只需指定所需的最小宽度，滚动将处理其余部分。