포스트

10. 레이아웃 스타일(3)

2. 요소 정렬 스타일(float / clear)

1
2
3
✔️ float(띄우다) : 요소를 띄워서 좌/우로 정렬하는 속성
✔️ clear : float로 인해서 띄워져 있는 상태를 해제하는 속성
(float 사용 시 겹침 문제가 발생하는데 이를 해결할 수 있음)

1) 기본 형태

2) float : left

3) float : right

4) float을 활용한 좌우 2분할

5) float을 활용한 4분할