使用方向rtl时缺少水平滚动条

Question

我有3个链接，其总宽度为690px。如果我将浏览器窗口的大小调整为小于此宽度，则会出现水平滚动条，这就是我想要的。

如果我将方向：rtl添加到容器中，则不会出现水平滚动条

<div class="container">
   <div><a id="paymentsLink" href="#self">Payments</a></div>    
   <div><a id="inquiriesLink" href="#self">Inquiries</a></div>
   <div><a id="tradeLink" href="#self">Trade</a></div>
</div>

请参阅以下小提琴，并将html区域调整为小于690像素

LTR ：滚动条出现且一切正常 - http://jsfiddle.net/grimmus/hD438/8/

RTL ：没有滚动条 - http://jsfiddle.net/grimmus/hD438/9/

我想知道为什么当方向：rtl被添加到容器时没有出现滚动条？

Answer 1

我认为你可能需要设置＆＃34;方向：rtl＆＃34;在身体{}

body {margin:0; direction:rtl;}