자식요소가 float되면 부모요소의 크기가 '0' 이 될때

자식 요소가 float 되면 부모 요소의 크기에 자식 요소의 크기가 들어가

연계되던 것들이 사라지면서 높이가 '0'이 된다

 

이럴 때 대처방법!!

1. overflow : hidden 

    -> 가변형 높이값을 가져야 할 때 (ex. 게시판 내용 보기처럼 )

    -> cf) 메인메뉴바에 사용 시 서브메뉴들이 안보일 수 있음 주의!

 

2.  height 크기를 주기

3.  float: left;

 

4.  display: inline-block;

        

5.  display: table-cell;  

6.  position: absolute;