[CSS] position설정

 

position: relative

내 원래 위치를 기준으로 이동하세요

---

position: static

좌표 이동하지 말아주세요

---

position: fixed

현재화면이 기준(viewport 기준)
상단메뉴같이 위치 고정되는거 만들때 사용한다.

---

position: absolute

내 부모 태그중에 position:relative를 가진 부모가 기준이다.

position: absolute준 요소 가운데 정렬 하려면

position: absolute
left: 0;
right: 0;
margin: auto;
width: 알아서설정.

 

---

어떤 두가지를 겹쳐서 보여주려고할때

 

margin을 -로 설정하면 밑에 보여지는 화면이 밑으로 깔린다.

 

밑에 보여지는 화면이 위로 등장하게 하려면

 

position: relative;
top: - 값으로 설정;

 

근데 여기서 여러가지 요소들이 공중에 떠있다고 하면

 

z-index를 설정해서 z-index가 큰값이 맨앞에 올것이다.