홈페이지 상단에서 버튼을 오른쪽 정렬하는 방법이 뭔가요?

Question

홈페이지 상단을 구현했습니다

그런데 메뉴를 펼치는 저 버튼이 모니터 해상도에 따라서 위치가 매번 달라지네요

항상 오른쪽에 붙게 할수는 없을까요?

float:right; 써봤는데 오른쪽 정렬도 안 되고..

버튼 누르면 메뉴펼쳐지던게 작동 안하더라구요

Answer 1

안녕하세요.

사용한 HTML, CSS 를 올려주시면 아마 답변 달기가 수월했을 듯 한데요. 메뉴와 같은 태그를 사용한 것 처럼 보이긴 하는데 분리하는게 배치하기가 쉬울 듯 합니다.

샘플 소스입니다.

<div class="header"> <ul> <li>HOME</li> <li>ABOUT</li> <li>PRESALE</li> <li>DONATION RANKING</li> <li>ACTIVITY HOSTORY</li> </ul> <span class="more">≡</span> </div>

.header{position: relative;} ul {list-style-type: none; width: calc(100% - 20px;)} li {display: inline-block;} .more{position: absolute; right: 10px; top: 0;}