위치 지정하기<position>

✏️ position

position은 문서 상에 요소를 배치하는 방법을 정의
position으로 요소의 배치 방법을 결정하면 top, bottom, right, left를 통해 최종 위치를 결정

position: 배치 방법;
top: 윗 면에서부터 거리;
right: 오른쪽 면에서부터 거리;
bottom: 바닥 면에서부터 거리;
left: 왼쪽 면에서부터 거리;

🔎 position의 유형

• static : 기본값으로 요소를 일반적인 문서의 흐름에 맞게 배치
• relative : 배치된 자리 기준으로 요소 이동
• absolute : position이 지정된 상위 요소를 기준으로 요소를 이동
  단, position 속성을 가진 요소가 없다면 화면을 기준으로 이동
  요소는 문서의 흐름에서 제외
• fixed : 화면을 기준으로 요소의 위치를 고정
  플로팅 버튼 등