$$config title: 21-11-26, 12일차 keywords: - IT - ... $$ # position - position - static : 사람 모드, position의 default 값. 겹치지 않고 위아래로 배열된다. - relative : 사람 모드, 유령의 집(유령을 가둘 수 있다.) - absolute : 유령 모드, 유령의 집, 유령의 집에 구속됨(기본적으로 윈도우). 서로 영향을 미치지 않고 겹친다. 포토샵으로 치면 별도의 레이어가 된다. - 위치를 조정하지 않으면 그 자리에 나온다. - top, bottom, left, right 값을 모두 주면 width나 height를 주지 않아도 크기가 조정된다.
(default 값은 auto 이므로 값을 주고 싶지 않다면 0을 주어야 한다.) - 유령 안에 유령이 있으면 그 유령을 가둔다. ```

종류	absolute, fixed	relative	static
너비	최대한 줄어든다.	그대로 유지	그대로 유지
본질	유령화, 유령의집화	유령의집화	사람화
겹침허용	가능	불가능	불가능
이동	top, left, right, bottom으로 이동	-	-

- transform - transform:translateX(-50%) translateY(-50%); - transform:translate(-50%, -50%); - position:absolute로 절대 좌표 값으로 위치를 지정했을때 중앙 정렬하는 법 ``` ``` left:50%; - 화면의 전체 가로 수치에서 절반 만큼의 위치로 이동 transform:translateX(-50%); - 자신의 가로 수치의 절반 만큼 마이너스 이동 ```