position 속성

● position 속성 - 요소의 위치 형식을 지정 - position: absolute | fixed | relative | static | inherit - absolute : 절대 위치 좌표 설정 - fixed : 브라우저 창 기준으로 죄표를 고정 - relative : 문서의 흐름 상 있던 위치를 기준으로 좌표를 지정 - static : 문서의 흐름 상 위치 (기본 값) - inherit : 부모 태그의 속성 값을 상속받음

position 속성 정리 1. position 속성 정리 (백과사전 바로가기) - 요소의 위치 형식을 지정 - position의 종류는 4가지가 존재 - absolute - fixed - relative - static 2. absolute - 절대 위치 좌표 설정 - 문서의 흐름과 관계없이 top, right, bottom, left 속성 값을 이용해 요소를 원하는 위치에 배치 /* 박스의 크기 설정 */ .box { position: absolute; width: 100px; height: 100px; background-color: #0094ff; } /* position 설정 */ #crd1{top: 0; left: 0;} #crd2{top: 0; right: 0;} #crd3{bottom: 0..