我有一个像这样的侧边栏：
小提琴：http : //jsfiddle.net/mavent/m56wW/20/
<div class="my_sidebar"> <i style="border: 1px solid blue;" class="glyphicon glyphicon-chevron-left"></i><br>
.my_sidebar {top: 60px;bottom:0;left:0;position: fixed;width: 30px;height: 100%;background-color: #fa0;border: 1px solid red;opacity: 0.9;z-index:51;}
此侧边栏固定在左侧。
它从顶部的+ 60px开始，宽度为30px。这对于LTR很有效。
但是，当我将方向更改为RTL时，此侧边栏不会移到右侧。因为left:0px。
添加一个新类（如）.my_sidebar_rtl，将其right:0;放进去并包括在内是一种选择。
但是我想知道是否有可能在一my_sidebar堂课上得到这种表现？
基于文本方向处理布局的最简单方法是这样的：
轻铁
<html>
RTL
<html dir="rtl">
的CSS
.my_sidebar {
left: 0;
...
}
[dir="rtl"] .my_sidebar {
left: auto;
right: 0;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句