.gif)
Position
'위치'라는 뜻이며, 태그들의 위치를 결정한다.
속성의 값은 static(기본값), relative, absolute, fixed가 존재한다.
static
position의 기본값이다.
굳이 설정하지 않아도 자동으로 적용되며, 위에서 아래로, 왼쪽에서 오른쪽으로 차례대로 쌓인다.
relative
각자의 자리에서 태그의 위치를 변경하고 싶을 때 적용한다.
top, bottom, right, left를 사용하여 위치를 이동시킬 수 있으며, 주의할 것은 각각의 방향 기준으로 태그 안쪽으로 이동한다.
각각의 태그가 static이었을 때의 위치를 기준으로 이동한다.
absolute
position: static 값을 가지고 있지 않은 부모를 기준으로 움직인다.
기본값을 가지고 있지 않은 부모가 없을 때는 <body>가 기준이 된다.
fixed
스크롤 시 옆에 고정되어 따라오는 사이드메뉴, 위에 있는 메뉴바 등을 구현할 때 주로 사용한다.
My Moto:: 내 스스로와 더불어 주변에게도 좋은 영향을 행사하도록 점검 & 노력..!!