刚学前端求解决，想不明白

浮动后不是脱标了吗，下面的span不应该在做最左侧显示吗，怎么在浮动后的元素右边

浮动脱离标准流后有两种情况：
1、浮动后占据空间：浮动元素后跟inline和inline-block标签
2、浮动后不占据空间：浮动元素后跟block标签和图片

现在用浮动我感觉很少了，可能自己不怎么会浮动吧！
我一般直接flex弹性布局，实在不行弄个相对定位或者绝对定位。
可以交流交流，可以私信我

没有清除浮动，后面的元素也会浮动。

可以使用

position:absolute.

脱离文档流

是display:inline-block;的问题
改为display:block再查看元素位置就发现div覆盖住了span标签

试一下绝对定位，absolute

span不是块状元素，给span加个display：block就可以了

浮动元素只会压住它下面标准流的盒子，但不会压住下面的标准流盒子里面的文字、图片；绝对定位（固定定位）会完全压住盒子。（因为浮动最初发明是为了做文字环绕效果