레이아웃 : 포지션

레이아웃 : 포지션 (생활코딩)

각각의 엘리먼트의 위치

엘리먼트를 지정하는 4가지 방법 : relative, static absolute, fixed

1. relative vs static

relative : 상태적인 것. 부모 엘리먼트마다 다름.

static : 정적인 상태, 기본 상태

포지션 타입이 relative면 그때 offset을 사용할 수 있다.

2. absolute : 절대 포지션, 부모의 위치를 기준으로 해서 offset 값을 지정한다. (자신의 크기는 콘텐츠의 크기로 지정)

3. fixed : 스크롤을 아무리 움직여도 지정된 위치에 고정된다.

부모와 끊기기 때문에 콘텐츠가 자기의 크기가 됨. (2,3)