inline-block과 float 차이점

첫 번째가 display: inline-block 두 번째가 float:left 속성을 넣은 것이다. 

1. display: inline-block

- 각 div에 기본적으로 마진값이 들어가있다.

- block 요소때문에 빈 공간이 있어도 다음 줄로 넘어간다.

 

2. float: left

- 각 div가 마진값이 없이 붙어있다.

- float의 속성으로 height 값이 없어져 inline 요소처럼 보여진다.