2013-02-27 2 views
0

CSS는 무엇이 렌더링 될지 예측하기가 어렵 기 때문에 CSS가 싫습니다. 너희들이 내가 이걸 고칠 수있게 도와 줄 수 있니?CSS 정렬 요소

화살표 오른쪽에 정렬 된 드롭 다운 메뉴에서 요소의 오른쪽이 필요합니다. 우선 내가 position:absolute을 한 다음 바로 픽셀 수로 left를 이동하는 경우, 그것은 작동 생각했지만 사용자 이름이 변경되는 경우는 사용자의 편의를 위해 바이올린을 여기에 다시

모든 것을 파괴의

http://jsfiddle.net/Mwd2A/1/

고마워요

+2

하는 것은 조심해야 :

position: relative; 

.userSubmenu
에 CSS 속성을 추가 CSS를 추가 .userSubmenu UL에

position: absolute; right: 0; 

JSFiddle 속성 그 아래쪽 화살표는 태그 안에 들어 있지 않습니다. 그것은 예상 크로스 브라우저로 작동하지 않을 수 있습니다. 나는 그것을 스팬에 넣을 것이다. – ProfileTwist

답변

2

내가 올바르게 이해했다면 화살표를 가리키면 그 서브 메뉴가 화살표와 오른쪽으로 정렬되어 나타납니다. 그것은 그 경우

: http://jsfiddle.net/Mwd2A/5/

+0

는 효과가있는 것처럼 보입니다! 고맙습니다. – Agzam

+0

jsfiddle에 넣은 컨텍스트에서 작동합니다. 실제 컨텍스트에서 작동하기를 바랍니다. – rjml