我在 div 中有一个 div。div的.outer溢出设置为隐藏,宽度为 200 像素。.innerdiv 宽 300 像素,按照规范隐藏得很好overflow。
我想做的是找到一种对齐内部 div 的方法,以便它切断左侧而不是右侧的溢出。
我可以使用定位和负边距,但最终内部 div 是可变宽度,所以我希望有一种方法可以在没有“硬编码”的情况下实现这一点?
这是小提琴:http: //jsfiddle.net/xCYPc/
我在 div 中有一个 div。div的.outer溢出设置为隐藏,宽度为 200 像素。.innerdiv 宽 300 像素,按照规范隐藏得很好overflow。
我想做的是找到一种对齐内部 div 的方法,以便它切断左侧而不是右侧的溢出。
我可以使用定位和负边距,但最终内部 div 是可变宽度,所以我希望有一种方法可以在没有“硬编码”的情况下实现这一点?
这是小提琴:http: //jsfiddle.net/xCYPc/
尝试float: right;设置.inner
只需添加direction: rtl到您的.outerdiv 中,请参阅工作小提琴
来自http://www.w3.org/wiki/CSS/Properties/direction:
direction 属性指定块的基本写入方向以及 Unicode 双向算法的嵌入和覆盖方向。
此外,它指定了表格列布局的方向,水平溢出的方向,以及在'text-align:justify'的情况下块中不完整的最后一行的位置。
制作.outer position:relative和.inner position:absolute;right:0。这将使内部 div 保持正确对齐,无论其宽度如何。