[CSS]박스_레이아웃 속성 : position

 

1. position 속성 ★★★

-블럭 요소 : 부모 태그 영역의 한 줄 차지.

                문서 흐름은 위에서 아래로 쌓임(↓)

-인라인 요소 : 컨텐츠 영역만큼 차지.

                   같은 줄에 순서대로 배치. 왼쪽에서 오른쪽으로(→)

tag { position : static(기본값) / relative / absolute / fixed;}

	기준		자기 위치
static (정적 위치 설정)		이후에 위치값을 설정해도 위치 이동하지 않음.
relative (상대 위치 설정)	static일 때 위치	static 위치에서 설정값만큼 이동	static 위치
absolute (절대 위치 설정)	직계 부모 태그 영역		없음
fixed (고정 위치 설정)	현재 브라우저	ex) 페이지 내 고정적으로 위치하는 [ top ] 버튼 같은 것