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: