float浮动与inline-block

  之前我们学习过 如何使一个块状元素具有行内元素的属性 ，让其放在同一行，现在便有两种方式来实现了。
 第一种便是之前的 display：inline-block 让一个块状元素拥有行内元素的特性，可以出现于同一行。
 第二种便是今天所学习的浮动，float，让一个元素直接从HTML上面之前抠出浮起（可以理解为直接变为一个三维画面，元素从二维平面上被浮出凭空与HTML的页面）。
 优劣势：float 可以进行左右浮动的，相比于 inline它的灵活性更大，但是float容易出现无法自适应高度的问题，此时就可以用inline-block来实现功能。