css中float的作用

本文部分内容引用自http://blog.163.com/wangming_cn/blog/static/1464109320096611441538/

至少目前为止，我应用float属性的目的都是使块级元素可以与其他元素同行显示。

在指定对象具有float属性后，

首先，其会按照float属性值向左或向右移动，直至碰触到父元素的边框或其他浮动元素边框为止。

如图，我们将框1设置为float:right后，框1向右移动，直至碰触到父元素。

其次，被指定float的对象还会从文档流中脱离出来。也就是说，其他文档流中的元素视该元素不存在一样的去进行文档流中的布局。如图：将框1设置为float:left后，框1会向左移动，并且从文档流中脱离出来，这样，位于文档流中的框2按照文档流顺序布局，就位于与框1相同的位置，并被框1掩盖住。