overflow-x 问题：使用伪元素时自动

Issue with overflow-x: auto while using pseudo elements

我目前正在 CSS 设计时间线。它有一个 <section> 元素，其中 class "timeline" 应始终为 100% 宽度。在较小的设备上，内容应在 <section> 内水平滚动。我想使用 overflow-x: auto 但显然这不起作用。

https://www.dropbox.com/s/fj0748sevpzoque/Screenshot%202015-02-11%2015.44.29.png?dl=0

这是将 overflow-x: auto 应用于“.timeline”时的结果。我也尝试添加 white-space: nowrap 但它没有任何区别。有很多 :before 和 :after 伪元素，这可能会使它变得更难。

你可以在这里查看代码：http://codepen.io/jonicious/pen/NPXYKV

如果您能花点时间帮我解决这个问题，我将非常高兴。 （定位和整体设计未定。）多谢指教！ :)

如果您不希望它适应较小的屏幕尺寸，您需要在您的部分中添加一个最小宽度：

min-width:1000px;

将 1000px 替换为您需要的最小尺寸。

http://codepen.io/jonicious/pen/NPXYKV