css - 如何在列中显示 HTML 内容，水平滚动？

Question

我有一个简单的 HTML 元素列表，如 div、段落等。我想将它们显示在固定高度的容器中，内容显示在具有相同固定宽度的列中，所有元素都可水平滚动，就像它是 shown on this picture 一样。
它应该工作的浏览器是 IE11。 任何想法，如何实现？谢谢。

Answer 1

将它们全部放入: <div class="sample"></div>并将它们包裹在 <div class="container"></div> 中

给出全部.sample类和 .container固定的宽度和高度。

.sample {
    width: 900px;
    height: 500px;
}
.container {
    overflow-x: scroll;
    overflow-y: hidden;
}