CSS中的水平滚动条

我一直试图在我的上下文部分添加一个滚动条,只允许框在观察者屏幕的可见范围内水平滚动,而不是垂直.

有没有人知道在流畅的CSS布局设计中在div中具有可滚动内容的任何代码？

此外,这里是一个链接到一个网站,具有我试图重新创建的精确滚动效果：http://patrickhoelck.com/home.html

你可能想看看 overflow-x: scroll,如果内容太宽,它会在父节点上设置一个固定的大小,强制一个水平滚动条.

一些示例html：

<div style="width: 50px; overflow-x: scroll">
    <p>Hello world!</p>
    <p>Here is a div with a horizontal scrollbar!</p>
</div>