[Front] CSS 포지션

포지션

• 모든 태그들은 초기 position static이 default, static은 오른쪽에서 왼쪽, 위에서 아래로 쌓임
• 포지션에는 static, relative, absolute, fixed가 존재
• relative는 요소 자기자신의 원래 위치(static일 때의 위치)를 기준으로 배치
  relative는 top, right, bottom, left 속성으로 위치 조절이 가능
  relative는 각각의 방향을 기준으로 태그 안쪽으로 이동 (해당 움직임이 본래 위치로 돌아오려면 어떤값을 써야할 지를 역으로 적는다고 생각)
• absolute는 가장 가까운 위치에 있는 부모 요소를 기준으로 배치
  부모 Position을 가진 요소가 없다면 초기 컨테이닝 블록(웹 페이지 전체)을 기준으로 함
• Fixed는 뷰포트를 기준으로 삼음
  부모 값에 영향 받지 않음