[css 8.] position 으로 요소 배치하기 + 고정하기

position 뜻 float과 position 모두 "띄운다" 는 뜻인데 float 을 사용했을 때 왼쪽, 오른쪽으로만 배치가 가능했다면, position 을 사용하면 자유롭게 좌표값에 따라 위치를 조절하여 배치가 가능하다. position 종류 static : 기본값 (좌표설정안됨, 원래 위치) relative : 자기 자신 기준으로 좌표 설정 absolute : 웹 브라우저 왼쪽 상단 기준으로 좌표 설정 (부모 relative 있으면 부모 기준) fixed : 웹 브라우저 왼쪽 상단 기준으로 좌표 설정 + 스크롤시 위치 고정 sticky : relative 처럼 배치 → 스크롤시 fixed 처럼 작동 좌표 top, bottom, left, right position : relative 현재 내 위치에서 위치 조정 <div class="container"> <div class="box a">a</div> <div class="box b">b</div> <div class="bo...

원문링크 : [css 8.] position 으로 요소 배치하기 + 고정하기