728x90
728x90
css(12) position
공부방2022. 11. 13. 11:32css(12) position

position : html 요소가 위치를 결정하는 방식을 설정 1. 정적 위치 지정 방식(static) - 모든 html 요소의 기본적 위치 지정 방식 2. 상대 위치 지정 방식(relative) - 기본 위치(정적위치)를 기준으로 좌표를 사용해 위치를 이동시키는 속성 3. 고정 위치 지정 방식(fixed) - 화면을 기준으로 위치를 지정하는 방식 (웹 페이지가 스크롤되어도 고정된 위치에 요소를 둔다) 4. 절대 위치 지정 방식(absolute) - 상위 요소를 기준으로 좌표를 사용하여 위치를 이동시키는 속성 단 상위요소가 존재하지 않는다면 body를 기준으로 위치를 설정(relative와 비슷하게 움직인다) - 만약 부모요소가 static이라면 body를 기준으로 위치를 조정한다 - 안정적으로 사용하..

728x90
728x90
image