我目前正在设计CSS时间轴。它有一个<section>元素，类为＃34;时间轴＆＃34;应始终为100％宽度。在较小的设备上，内容应在<section>内水平滚动。我想使用overflow-x: auto，但显然这不起作用。
https://www.dropbox.com/s/fj0748sevpzoque/Screenshot%202015-02-11%2015.44.29.png?dl=0
这是将overflow-x: auto应用于＆＃34; .timeline＆＃34;的结果。我也尝试添加white-space: nowrap，但它没有任何区别。有很多:before和:after伪元素可能会让它变得更难。
您可以在此处查看代码：http://codepen.io/jonicious/pen/NPXYKV
如果你花些时间并且可以帮助我解决这个问题，我会很高兴。 （定位和整体设计不是最终的。）感谢您的建议！ ：）
答案 0 :(得分：0)
如果您希望它不适应较小的屏幕尺寸，则需要为您的部分添加最小宽度：
min-width:1000px;
用您需要的最小尺寸替换1000px。