CSS - 레이아웃 정리

• inline : 컨텐츠의 크기 만큼 감싼다. 한 줄에 여러개가 올 수 있다.

• inline-block : 높이와 너비를 가진다. 한 줄에 여러개가 올 수 있다.

• block : 높이와 너비를 가진다. 한 줄에 하나만 올 수 있다.

POSITION

• static : postion 기본 값

• relative : 원래 아이템이 있어야하는 자리에서 상대적으로 이동된다.

• absolute : 내 아이템이 담겨있는 가장 가까운 박스를 기준으로 위치가 이동된다.

• fixed : 페이지 안을 기준으로 위치가 이동된다.

• sticky : 원래 있어야하는 자리에 위치하면서, 스크롤링이 되어도 원래의 위치를 지킨다.