Css 使内部元件在溢出时向右对齐

我在一个div中有一个div。

.outer

div的溢出设置为hidden，宽度为200px。

.inner

div的宽度为300px，根据

overflow

规范，隐藏效果良好

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

我可以使用定位和负边距，但最终内部div是可变宽度的，所以我希望有一种方法可以在没有“硬编码”的情况下实现这一点

---

这里是小提琴：

尝试设置

float:right.internal

上的code>尝试设置

浮动：右在
上。内部
制作
。外部
位置：相对
和
。内部
位置：绝对；右：0
。这将使内部div保持右对齐，而不管其宽度如何。
使
。外部
位置：相对
和
。内部
位置：绝对；右：0
。这将使内部div保持右对齐，无论其宽度如何。
只需将
方向：rtl
添加到
中即可。外部div，请参阅工作

发件人：

direction特性指定块的基本写入方向
以及Unicode的嵌入和重写方向
双向算法

此外，它还指定了表列布局的方向
水平溢流的位置，以及
“文本对齐：对齐”情况下的块

只需将
direction:rtl
添加到您的
。外部
div，请参阅工作

发件人：

direction特性指定块的基本写入方向
以及Unicode的嵌入和重写方向
双向算法

此外，它还指定了表列布局的方向
水平溢流的位置，以及
“文本对齐：对齐”情况下的块

实际上，还有一个问题-一切正常-看-我希望只有溢出有这个动作。我想我可能需要使用JS来计算外部和内部，然后应用
float:right
如果条件满足…我同意。你不能用CSS来确定宽度和前后翻转浮动。实际上，还有一个问题-一切正常-看-我希望只有溢出有这个动作。我想我可能需要用JS来计算外部和内部，然后应用
浮动：对
如果条件满足…我同意。您无法使用CSS确定宽度并前后翻转浮动。