참조: https://www.w3schools.com/css/css_positioning.asp
html에서 문서의 위치를 미리 정해야 한다[포지셔닝(레이아웃)]
- 브라우저 화면 안에 박스 형태의 각 콘텐츠를 원하는 위치에 배치하는 것
- 수평, 수직, 그리드 방향으로 배치 할 수 있다
- position : "static | relative | fixed | absolute | sticky"● [화면 레이아웃 기법]
- position속성 : 배치 방법을 지정
- float속성 : 레이어를 왼쪽 또는 오른쪽 위치 지정. 수평을 기준으로 정렬하기
요소가 부모요소 기준으로 왼쪽 또는 오른쪽에 배치할 때 지정
- clear속성 : float속성을 해제
- z-index속성 : 레이어 순서를 정함