Css 如何在列中水平滚动显示HTML内容？

我有一个简单的HTML元素列表，如div、段落等。我想在固定高度的容器中显示它们，内容显示在相同固定宽度的列中，所有内容都可以水平滚动，就像它一样。
它应该使用的浏览器是IE11。 有什么想法，如何实施？谢谢。

把它们都放进去：

并将其包装在

为所有

.sample

类和

容器提供固定的宽度和高度

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

您可以使用css3列


内容在这里，不需要包装div。。。

或者更好地使用html5

<main>
     Content here, no wrapping divs needed...
</main>


内容在这里，不需要包装div。。。
您必须将所有元素放在一个容器中，并给它一个足够大的宽度，使其不会缠绕元素。元素应该是
float:left
或
display:inline block

然后在周围放置一个div窗格，其中显示容器的一个切口，并提供该窗格
overflow-x:auto
，以便在必要时显示滚动条


洛雷姆·伊普苏姆·多洛尔·西特
我爱你，我爱你。。。
我爱你，我爱你。。。
洛雷姆·伊普苏姆·多洛尔·西特

.pane{
宽度：100%；
高度：380px；
溢出-x：自动；
}
.集装箱{
宽度：1250px；
最大高度：350px；
}
.container.column{
显示：内联块；
宽度：300px；
}

参见
Ie11是一种需要，关于流体设计，你从未听说过吗？嗯。。。
<main>
     Content here, no wrapping divs needed...
</main>