CSS方向并没有正确溢出

Question

所以我有一个纯CSS和HTML时间轴（http://cssdesk.com/a5NVw），通过实现overflow：scroll来滚动条。然而，为了让它从最新的事件开始，我必须让滚动条从完全向右而不是完全向左的位置开始。我尝试过使用direction：rtl来做这个（我第一次使用这个属性）然而它会使得右边的内容溢出而变得隐藏起来。我认为这是因为它在检查子元素的位置之前实现了滚动条 - 我应该如何解决这个问题？

有人提到我的解释不明确，所以这里是问题的摘要：

• 有一个我想要滚动的时间表。
• 希望滚动条默认为向右而不是向左（因此
  它默认显示最近的。）
• 尝试使用direction：rtl启动右侧的滚动条。
• 然而，这导致了通常会滚动的内容 正好在右边溢出。

至于我的例子不工作 - 这正是问题所在。如果你删除方向属性它工作正常，但它从左边开始，这是我开始的地方。我想尝试使用纯CSS解决方案，虽然我知道JQuery解决方案可能更方便 - 如果我没有人知道如何实现这种方法，我最终可能会采用它。

Answer 1

你必须使用javascript将其向右滚动。你不能有一个由css设置的默认滚动。