我目前正在使用 CSS 设计时间轴。它有一个 <section>具有“时间轴”类的元素，其宽度应始终为 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 替换为您需要的最小尺寸。
关于html - 溢出 x : auto while using pseudo elements 问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28457284/