[CSS] 04. 레이아웃 포지셔닝 - float

float 

해당 요소를 자신을 감싸고 있는 컨테이너의 왼쪽이나 오른쪽에 배치하도록 설정

 

* float 해제하는 방법
 - float된 요소의 부모 태그에 강제로 높이 값을 지정(단점 : 반응형시 자동 높이 값 설정 불가)
 - float된 요소의 부모 태그에 overflow:hidden을 적용(단점 : 해당 요소 안의 컨텐츠를 박스 외부로 표현해줄 수 없음)
 - float된 요소의 부모 태그에 overflow:auto를 적용(단점 : 특정 브라우저에서 스크롤 바가 표시)
 - float된 요소의 부모 태그에 float을 또 설정(단점 : 가운데 배치 불가능)
 - float된 요소의 다음에 나오는 태그에 clear:both를 지정(단점 : clear:both가 적용된 요소에는 margin-top 적용 불가)
 - float된 요소의 부모 태그에 가상요소를 만들고 해당 요소에 clear:both를 지정