我正在尝试用纯CSS制作时间轴,但是似乎遇到了一些问题。
当我尝试将时间轴div设置为overflow-x: scroll时,它仍会在y轴上滚动。
这是我的代码:
#timeline {
height: 500px;
width: auto;
margin: 0;
background: red;
}
.event {
height: 500px;
}
.founded {
width: 400px;
float: left;
background: blue;
}
.grant {
width: 800px;
background: yellow;
}
<ol id="timeline">
<li class="event founded"></li>
<li class="event grant"></li>
</ol>
谢谢。
overflow-y: hidden
来避免滚动,但你可能需要修复导致 overflow-y 开始的任何问题。 - helion3