如何让div中的滚动条在左边

 1<div dir="rtl" style="height:100px;width:200px; overflow: auto;border:1 solid red"> //这样的话，表格显示也是从左到右了，我想内容还是以前那样子排列，只是将div中的滚动条移到左边   
 2  
 3<table border="1">
 4<tr>
 5<td>1</td>
 6<td>2</td>
 7</tr>
 8<tr>
 9<td>3</td>
10<td>4</td>
11</tr>
12<tr>
13<td>1</td>
14<td>2</td>
15</tr>
16<tr>
17<td>3</td>
18<td>4</td>
19</tr>
20<tr>
21<td>1</td>
22<td>2</td>
23</tr>
24<tr>
25<td>3</td>
26<td>4</td>
27</tr>
28</table>
29</div>

 1<div dir="rtl" style="height:100px;width:200px; overflow-y: auto;border:1 solid red">
 2<div dir="ltr">   
 3//这样的话，表格显示也是从左到右了，我想内容还是以前那样子排列，只是将div中的滚动条移到左边   
 4  
 5<table border="1">
 6<tr>
 7<td>1</td>
 8<td>2</td>
 9</tr>
10<tr>
11<td>3</td>
12<td>4</td>
13</tr>
14<tr>
15<td>1</td>
16<td>2</td>
17</tr>
18<tr>
19<td>3</td>
20<td>4</td>
21</tr>
22<tr>
23<td>1</td>
24<td>2</td>
25</tr>
26<tr>
27<td>3</td>
28<td>4</td>
29</tr>
30</table>
31</div>
32</div>

1<div style="writing-mode: tb-rl"></div>