position 속성은 태그를 어떻게 위치시킬지를 정의하며, 아래의 5가지 값을 가진다.
static: 기본값, 다른 태그와의 관계에 의해 자동으로 배치되며 위치를 임의로 설정해 줄 수 없다.
absolute: 절대 좌표와 함께 위치를 지정해 줄 수 있다.
relative: 원래 있던 위치를 기준으로 좌표를 지정한다.
fixed: 스크롤과 상관없이 항상 문서 최 좌측상단을 기준으로 좌표를 고정.
inherit: 부모 태그의 속성값을 상속
좌표를 지정 해주기 위해서는 left, right, top, bottom 속성과 함께 사용
position을 absolute나 fixed로 설정시 가로 크기가 100%가 되는 block 태그의 특징이 사라지게 된다
'CSS' 카테고리의 다른 글
CSS선택자_03_가상 클래스 선택자 (0) | 2022.07.06 |
---|---|
CSS선택자_02_복합선택자 (0) | 2022.07.06 |
CSS 선택자_01_기본선택자 (0) | 2022.07.06 |
CSS (0) | 2022.07.06 |