float는 부모의 영역 속에 제한되는 느낌, position은 화면 안에서 자유자재로 움직이는 느낌. float는 옆으로 촤르르 세워두는 느낌, position은 딱 박아두는 느낌.

종류 & 기준점

버린 자식이 된다.

  • 붕뜬다.
  • display: block;으로 바뀐다.(width, height값 등을 가질 수 있음)
  • 길막을 하지 못한다.
  • float보다 더 빡세다.(inline요소가 피해가지 못한다.)

종류 position: static;

  • 모든 요소들의 기본 값 position: relative;
  • 자기가 있던 곳을 기준으로 이동 position: ablsolute;
  • 조상 중 (relative!! or absolute, fixed)이면 그 부모를 기준으로 이동 position: fixed;
  • viewport를 기준으로 이동

기준점 top: right: left: bottom: