float

        float:一个使元素浮动的css属性，是学习css学习到的第一个使元素脱离文档流的一个属性， 当初也用它写了小米页面的布局，可以说是很好用了。它有四个属性值：left（使元素向左边浮动）、right（使元素向右边浮动）、inherit（继承属性，父级是什么，子级就是什么）还有一个默认值none。学习起来也是很好理解，不过浮动也容易带来一些不好的体验，例如父级高度塌陷，由于子集产生浮动后，父级没有内容，导致的高度塌陷。所以每次写了浮动，一定要写清除浮动所带来的影响。清除浮动的方法有几种，其中用的最多的就是使用伪元素。

.浮动的元素::after { ----将浮动元素单独给予包裹，将其清除浮动。

     content: '';

     display: block;

     clear: both;

}

.box{

   zoom:1  (解决ie老版本兼容)

}

        随着之后的学习，了解到了定位-position，使用定位布局感觉比浮动好用很多了，也就很少去使用浮动，而且浮动的效果也可以使用display: flex;（弹性布局）代替，与以前布局方式（如 table 布局和浮动元素内嵌块元素）相比，Flexbox 是一个更强大的方式。