CSS里关于浮动的一点小问题

上面有一个不设置浮动的块元素,下面有一个设置浮动的块元素,为什么下面的不能上去?不是都脱离文档流了吗

确实脱离了文档流,但是元素并没有发生移动呀,只是跑上一层去了位置还是那个位置,你要想上去可以设置top
absolute 定位:脱离原来位置定位。是相对于最近的有定位的父级进行定位;如果没
有有定位的父级元素,就相对于文档进行定位
relative 定位:保留原来的位置进行定位,相对于自己原来(出生的)的位置进行定 位

我记得浮动好像只会影响后面的元素,除了浮动也可以用flex布局

一般情况,设置了浮动会把自己的位置腾出来,然后漂浮起来,让后续元素补上刚刚自己的位置。如果子元素设置了浮动但是没有效果,我猜想是不是在父级元素中使用了display:flex;或者使用了display: grid; 如果父级元素使用了这两种情况;子元素设置浮动是没有效果的;