이미지 주변 및 페이지 전체의 레이아웃을 잡을 때 사용한다. floating 된 요소는 inline-block 의 속성을 갖는다. 전체 레이아웃의 흐름상에서 벗어나게 되므로 레이아웃을 무너뜨리는 현상이 나타난다.
float 예시
float 해제 방법
1) 부모요소도 floating 하도록 변경
2) overflow: hidden
3) 빈 요소를 만들어 clear 사용
이미지 주변 및 페이지 전체의 레이아웃을 잡을 때 사용한다. floating 된 요소는 inline-block 의 속성을 갖는다. 전체 레이아웃의 흐름상에서 벗어나게 되므로 레이아웃을 무너뜨리는 현상이 나타난다.
float 해제 방법
1) 부모요소도 floating 하도록 변경
2) overflow: hidden
3) 빈 요소를 만들어 clear 사용
