[CSS] position 에 대한 단상, 네가지 포지션

position에는 총 네가지 거시기가 있다

 

static - 기본 이놈은 위에서 아래로 붙는 형식임. 인라인이라면 오른쪽으로 문장처럼 붙을것이다.

relative - 자기자신이 원래 위치했어야할 부분에서 상대적. 예를들어 top 10을 주면 탑에서 10이 내려감.

absolute - 부모기준으로 절대배치함. 대신 부모쪽에 높이를 주어야함(이때 부모에 overflow:hidden을 주면 부모가 자식한테 맞춘다.)

      또한 부모에게 relative를 주어야자 아니면, 그냥 브라우저 기준으로 정렬될 것이다.

fixed - 브라우저 기준으로 특정위치에 박아버림. 브라우저기준임 브라우저!!

 

이것이다.

 

겹치면 z-index를 사용하도록 한다. 큰 숫자가 위로온다