Position
static
- 정적 위치
- static 한 상태로 위치값을 줘봐야 위치는 변하지 않는다.
absolute
- 절대 위치
- 문서를 기준 ( 웹 브라우저 주소창 아래의 top 0px, left 0px 을 기준 ) 으로 위치 지정
relative
- 상대 위치
- 자신의 위치값을 기준으로 위치 지정
( 원래 위치를 기준으로 offset 값만큼 이동하는 것 )
fixed
- 위치 고정
- 문서를 기준 ( 웹 브라우저 주소창 아래의 top 0px, left 0px 을 기준 )으로 위치 지정
- absolute 와 동일하지만, 스크롤해도 위치가 고정이다.
정리
- ch10_position_tablecell_flex
-> 01static_position.html, 01.css, 02absolute_position.html, 02.css, 03relative_position.html, 03.css, 04fixed_position.html, 04.css