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

Question

我只水平显示内容，因此随着更多内容加载到视图中，我需要动态更改宽度以适应滚动条处理滚动。所以现在下面的代码只会接受高达 4500 像素的内容，之后的任何内容都会尝试中断到新行而不是水平继续。关于我该如何做到这一点的任何想法？

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

Answer 1

你需要这个 CSS：

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

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

Answer 2

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