float에 아무런 대응도 하지 않은 상태

header
lnb
content
footer

자식이 float이 되면 부모의 높이값이 사라진다.


float에 float으로 대응한 상태

header
lnb
content
footer

자식이 float이 되면 부모의 높이값이 사라지므로 부모도 같이 float하면 자식의 넓이만큼 부모의 넓이가 줄어듦.


float에 overflow으로 대응하는 방법

header
lnb
content
footer

자식이 float이 되면 부모의 높이값이 사라지므로 부모에 overflow:hidden사용-주의점 자식의 넓이나 높이가 부모보다 크면 자식이 보이지 않는 단점.




float에 가상선택자 :after로 clear하는 방법

header
lnb
content
footer

자식이 float이 되면 부모의 높이값이 사라지므로 부모에 가상으로 해결함.