내부 요소가 왼쪽 플로트 일 때 div를 오른쪽으로 맞추기

Question

이 멋진 멋진 마법사 메뉴가 나타 났지만 div를 오른쪽으로 정렬하는 방법을 알 수는 없습니다.

http://www.emirplicanic.com/css/css-step-by-step-menu-wizard-style

<div class="wizard-steps"> 
    <div class="completed-step"><a href="#step-one"><span>1</span> Account Info</a></div> 
    <div class="active-step"><a href="#step-two"><span>2</span> Contact Info</a></div> 
    <div><a href="#"><span>3</span> Security Question</a></div> 
    <div><a href="#"><span>4</span> Confirmation</a></div> 
</div> 

나는 그 때문에 부동이다 같은데요 : 그이 내부 요소에 설정되어 떠났다.

몇 가지 도움을 주시면 감사하겠습니다.

감사합니다, 폴

Answer 1

또는 당신은 그것을 해결할 수 : 다음 변경

.cont{ 
    position: absolute; 
    right: 0px; 
} 

: 다음

<div class="cont"> 
    <div class="wizard-steps">...</div> 
</div> 

---

편집 :

.cont{ 
    position: absolute; 
    width: 550px; 
    right: 0px; 
} 

다음 내부 사용자의 마법사 단계 넣어

Answer 2

당신은 그것을 폭을 제공해야합니다. 명시적인 너비가 없으면 컨테이너의 너비가 100 %입니다. 아무리 당신이 그것을 정렬, 요소의 부동 소수점의 왼쪽에 붙어거야 - 마법사 단계. 따라서 너비를 100 % 미만으로 만들고 오른쪽으로 고정하면 새로운 왼쪽 가장자리에 나타납니다.

모든 위치를 알고 있어야합니다. 상대적으로 계속 진행됩니다.