[CSS] float 사용한 레이아웃 / 가상 엘리먼트 만들어주는 방법

Darlene·2021년 10월 29일
0

웹퍼블리싱(HTML, CSS)

목록 보기
11/12

자식 엘리먼트가 float로 배치를 했으면 부모 엘리먼트 끝나는 시점에 clear를 해주어야 한다. (이유: 부모 엘리먼트가 정상적으로 높이를 확보하도록)

예전에는 아래와 같이 html에 clear 코드를 추가해주었음!

더 세련된 방법으로 아래와 같이 가상 엘리먼트 after를 만들어주는 방법이 있다.

이외에도 다른 방법이 있으니 다른 강의 참조할 것!!! (오버플로워 등)

출처: 1분 코딩

0개의 댓글