[TIL]포지션, float

오늘 공부 정리

fixed 포지션

• 브라우저를 기준으로 요소를 움직인다.
• 빠진 요소의 자리는 채워진다.
• 상단 고정바처럼 고정된 포지션을 만들고 싶을때 사용한다.

absolute 포지션

• 조상 중에 포지션이 된 요소들을 기준으로 움직인다.

float

• block 요소를 위로 뛰어서 올린다.
• 아래에 있는 block요소는 안보인다.
• inline요소랑 inline-block요소는 옆으로 빠진다.

multiple floats

• 다른 요소도 float이 되면 뜬자리 옆에 위치한다.
• float한 요소가 화면에 들어가지 못하면 아래쪽으로 밀려 위치한다.

그리드 연습(과제)