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

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

如果将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：出现滚动条，且全部正常-

RTL：无滚动条-

---

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

我想您可能需要将“direction:rtl”放在body{}

body {margin:0; direction:rtl;}

---

谢谢，这很有帮助。我想我可以把它放在页面的任何地方。没错，你可以把它放在任何地方，问题不在方向上，问题在溢出中，如果你设置为“自动”，它就会工作选中“谢谢，但溢出”：当我需要在整个页面上放置滚动条时，auto正在容器元素上放置滚动条。您不再需要放置溢出：auto，否则您需要阅读有关此属性的更多信息：）不客气