CSS clearfix

 

float을 사용할 때 이미지가 크거나 내용이 짧으면 컨텐츠 영역을 벗어난다. 그냥 보기에는 잘 모르지만 컨텐츠에 배경이나 테두리가 들어가면 보인다. 말로 설명하면 어려운데 그림으로 확인해보자.

 

 

컨텐츠 구조에 overflow: auto;를 사용해주면 이미지가 크든 내용이 짧든 컨텐츠 내에 들어간다.

 

 

날이 추워지니 머리도 어는것 같다. 이해가 안 돼서 몇 번이고 다시 본다.