overflow-x(y) 相关问题

在手写时间轴需求的时候，起初的想法是基于背景图片，放一个宽度小于外容器的小容器，在小容器内进行 overflow-x:auto，再隐藏该元素的滚动条，单个节点大致效果如下

后续发现上下两根“线”在定位后“消失了”，一点点修改样式发现是 overflow 上出的问题，光给x轴为auto，理想状态下y轴应该是 visible ，可还是被隐藏了，查阅资料发现overflow存在这这样一个问题：

如果其中一个指定为“visible”，另一个是“scroll”或“auto”，那么“visible”就会被设置为“auto’”。如果同一个元素X,Y轴上，其中一个设置了visible，另外一个设置了scoll或者auto，这时候，visible属性自动转变为auto。

大概就是说，在单独给x轴或y轴设置overflow的值为auto或hidden的时候，另一个轴的值不论是否设置，都会被自动转为auto，且无法修改

尝试过多套一层容器，但由于内部容器高度是靠内容撑起来的，所以定位的内容还是会消失，所以选择了给内部容器固定高度来解决