以某种方式CSS覆盖dir =“ rtl”下的(left | right)似乎不起作用。
要验证-在Chrome / Firebug中:仅当禁用“ left”属性时,覆盖的“ left”样式(在.dir_rtl #main_search_wrapper下)才会开始影响实际布局。
看起来像是常见的浏览器错误?
这是下面的代码的实时示例:http://jsfiddle.net/DwRLz/
#main_search_wrapper {
display: inline-block;
position: absolute;
right: 0;
}
.dir_rtl #main_search_wrapper {
left: 0;
/* <-- This should override the above style */
}
<body class="dir_rtl" dir="rtl">
<div id="main_search_wrapper" style="display: inline-block;">
This should be aligned to the left.
</div>
</body>