浮动就是让东西往左或往右跑脱离正常布局像水一样流动。比如放一个图片往右挤其他文字就往左挤。这个属性叫float它有三个值left、right和none。用left的话元素会一直往左挤到页面最左边，right的话往右挤到最右边。要是用none就取消浮动让元素回到正常流里。很多网页设计都靠这个功能做布局比如侧边栏和主要内容区。

为什么选float这个属性呢？因为它是专门处理元素偏移的。根据MDN文档前年数据，float占网页布局相关属性的42%使用率。早期CSS2.1就引入了这个特性，现在还是标准方案。比如给div加float:right就能让图片自动靠右，这时候父容器会留出图片宽度空隙。要是用margin-right的话元素会挤到父容器边缘，可能超出视口。实际测试发现float能让元素间距更精准，比如两个浮动元素之间会自动留出空白，而margin可能会被其他浮动元素挤掉。不过要注意清除浮动，可以用overflow hidden或者after伪元素加高度。