关于<span></span><div style="float:left"></div>

1 <span></span>
2 <div style="float:left">
3 </div>

关于以上代码显示页面为什么会是div显示在span之前的理解

在以往写代码的过程中，通常是以div为单位写的，因此只理解了div与div之间float的规则。

先说一下float这一属性，float:left会使元素变成一个inline-block元素。实际上他是和上一行内元素span显示在同一行。

一个浮动的盒子会向右或向左移动直至触碰到包含块的边界或另一个浮动盒子的边界。

span既不是其包含块也不是另一个浮动的盒子，故div会移动至包含块的边界，所以div会显示在span之前。

 

转载于:https://www.cnblogs.com/zhihaochow/p/11181409.html