css - 如何让滚动条出现在左侧而不是右侧？ (CSS)

Question

如何让滚动条出现在文本的另一侧？ (当前代码使其显示在右侧。)

#words {
overflow-y: scroll;
max-height: 100px;
color:white;
margin: 30px 50px 30px 60px;
font-family: Verdana, Geneva, Tahoma, sans-serif;
font-size: smaller;
font-weight: 300;

Answer 1

使用方向:rtl; source

fiddle进行验证。

.MainDiv {
  direction: rtl;
  overflow: auto;
  height: 100px;
  width: 50px;
}

<div class="MainDiv">
  <div>list 1</div>
  <div>list 2</div>
  <div>list 3</div>
  <div>list 4</div>
  <div>list 5</div>
  <div>list 6</div>
  <div>list 7</div>
</div>