使内部元素在溢出时对齐

Question

我在div里面有一个div。 .outer div的溢出设置为隐藏，宽度为200px。 .inner div宽度为300px，根据overflow规范隐藏得很好。

我想做的是找到一种方法来对齐内部div，以便切断左侧而不是右侧的溢出。

我可以使用定位和负边距，但最终内部div是可变宽度，所以我希望有一种方法可以实现这一目标而不需要“硬编码”任何东西？

这是小提琴：http://jsfiddle.net/xCYPc/

Answer 1

尝试在float: right;

上设置.inner

Answer 2

只需将direction: rtl添加到您的.outer div，即可查看正在使用的fiddle

来自http://www.w3.org/wiki/CSS/Properties/direction：

  

direction属性指定块的基本写入方向   以及Unicode的嵌入和覆盖方向   双向算法。

     

另外，它指定了表列布局的方向，方向   水平溢出，以及不完整的最后一行的位置   如果是'text-align：justify'，则为一个块。

Answer 3

制作.outer position:relative和.inner position:absolute;right:0。无论宽度如何，这都将保持内部div对齐。