[CSS]Day7 -Position

Day7 -Position-

1. Position속성: 위치를 자유자제로 이동하기 위한 방법

static 기본값

relative 상대위치(원래 위치 기준으로 이동)

absolute 절대위치(부모 위치 기준)

fixed (=absolute, 스크롤 여부와 상관없이 화면 고정)

position:fixed로 적용하면 다른 요소가 그 위치로 밀려 올라올 수 있음.

-> 그 만큼 padding을 부여해야 함.

position: relative;

top: 30px;

left: 30px;

2.  z-index : 요소들의 겹치는 순서 결정 -값이 클수록 위에 떠있음

               ---> z-index를 아무리 써도 플래시는 못 덮음

3. 절대좌표 방식으로 할 때 부모에게 position속성이 부여되면 부모를 기준으로 좌표를 설정한다. ---> position: relative;