float 属性可以说在实际项目中非常常见，有人将其归为定位属性，但是和定位不同的是，它会占据原来的位置，比如我如果放两个盒子在这第一个盒子浮动，那么第一个盒子就会覆盖住第二个盒子，说明第一个盒子脱离了文档流，并没有占据原来的位置，但是我们在写文字环绕浮动的时候，文字并没有被盒子覆盖，说明浮动只会占据行标签得位置，而块标签会覆盖住。并且快标签里面的行内容会被挤出来。
<body> <div style="200px;height:200px;background:red;float:left"> </div> <div style="210px;height:210px;background:blue;">12345 </div> </body>
