내부 요소를 오버플로시 오른쪽 정렬

div 안에 div가 있습니다. .outer div의 오버플로가 숨김으로 설정되었으며 너비가 200 픽셀입니다. .inner div는 300px 너비이며 overflow 사양에 따라 과도하게 숨 깁니다.내부 요소를 오버플로시 오른쪽 정렬

내가하고 싶은 것은 내부 div를 정렬하여 오른쪽 대신에 왼쪽에서 오버플로를 잘라내는 방법을 찾는 것입니다.

포지셔닝과 네거티브 마진을 사용할 수 있지만 궁극적으로 내부 div는 가변 폭이므로 '하드 코딩'없이는이를 수행 할 수있는 방법이 필요합니까?

는 여기에 바이올린입니다 : http://jsfiddle.net/xCYPc/

2012-11-30 Fluidbyte

봅니다 .outerposition:relative 및 .innerposition:absolute;right:0을 확인합니다 .inner

2012-11-30 19:12:34

하하, 와우. 일 년 내 바보 같은 순간이있어! – Fluidbyte

실제로 문제가 남아 있습니다. 모든 것이 올바르게 진행됩니다. http://jsfiddle.net/xCYPc/1/을 참조하십시오. - 오버플로에만이 작업이 필요합니다. – Fluidbyte

나는 JS를 사용하여 outer와 inner를 계산할 필요가 있다고 생각하는데, 조건이 충족되면'float : right'를 적용합니다 ... – Fluidbyte

에 float: right; 설정. 그러면 내부 div가 너비에 관계없이 오른쪽 정렬됩니다.

2012-11-30 19:14:14

그냥 .outer 사업부에 direction: rtl를 추가, http://www.w3.org/wiki/CSS/Properties/direction에서 fiddle

작업을 참조하십시오

방향 속성은 블록 의 기본 쓰는 방향과 유니 코드 에 묻어 및 재정의 방향을 지정합니다 양방향 알고리즘

또한 'text-align : justify'의 경우에는 의 가로 오버플로, 불완전한 마지막 줄의 위치는 블록에 지정합니다.

2012-11-30 19:15:55 Nelson

답변