float问题

1 1、这个span设置了文档流是什么意思？ 2、那这个不是有点矛盾吗?test设置了float，文档流中的"位置空出来"了，下面的元素会占据它的位置。而文字会接着span元素"占据的位置"进行排版？？？

简单的理解就是： 带有浮动属性的元素具有 包裹 性，所有带有浮动属性的元素兼并了块元素和内联元素的优点，使得元素不仅可以设置宽度和高度，也可以在水平方向进行排列布局。带有浮动属性的元素会脱离标准流进行排列布局，脱离标准流后的元素就不和块元素相处在同一个流布局中，使得带有浮动属性的元素漂浮在正常块元素上面。但是 浮动的块虽然脱离了正常的文档流，但是依然占据正常文档流的文本空间。于是在其后面写的文本并不会被浮动元素所覆盖而是继续水平排列超出换行。标准流中块元素每个各占一行。内联元素则是水平排列，直到一行排列不下进行换行操作。因为使用了float的元素占据文本空间，使得后面的文本以除了浮动元素之外的空间为排列基准，形成了文本环绕的效果。