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

Question

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

如果我将 direction: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>

请看下面的 fiddle 并调整 html 区域的大小使其小于 690px

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

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

我想知道为什么在向容器中添加 direction:rtl 时没有出现滚动条？

Answer 1

我认为您可能需要将“direction:rtl”放入 body{}

body {margin:0; direction:rtl;}