【发布时间】：2012-12-01 03:15:55
【问题描述】：
我在一个 div 中有一个 div。 .outer div 的溢出设置为隐藏，宽度为 200 像素。 .inner div 宽 300 像素，根据 overflow 规范隐藏得很好。
我想做的是找到一种对齐内部 div 的方法，以便它切断左侧而不是右侧的溢出。
我可以使用定位和负边距，但最终内部 div 的宽度是可变的，所以我希望有一种方法可以在不“硬编码”任何东西的情况下实现这一点？
【问题讨论】：
【发布时间】：2012-12-01 03:15:55
【问题描述】：
尝试在.inner 上设置float: right;
【讨论】：
-
其实还是有问题——一切正常——见jsfiddle.net/xCYPc/1——我希望只有溢出才有这个动作。
-
我在想我可能需要用JS来计算外层和内层，如果满足条件就申请
float: right... -
我同意。您无法真正确定宽度并使用 CSS 来回翻转浮动。
只需将direction: rtl 添加到您的.outer div，查看工作fiddle
来自http://www.w3.org/wiki/CSS/Properties/direction：
direction 属性指定块的基本写入方向 以及 Unicode 的嵌入和覆盖方向 双向算法。
另外，它指定表格列布局的方向，方向 水平溢出，以及不完整的最后一行的位置 'text-align: justify' 情况下的块。
【讨论】：
制作.outerposition:relative和.innerposition:absolute;right:0。这将使内部 div 保持正确对齐，无论其宽度如何。
【讨论】：