百度了一下，，，，，發現 文本流與文檔流.......................參照某牛鼻人士的說法 -------------------------

文檔流是相對于盒子模型講的
文本流是相對于文子段落講的
元素浮動之后，會讓它跳出文檔流，也就是說當它后面還有元素時，其他元素會無視它所占據了的區域，直接在它身下布局。但是文字卻會認同浮動元素所占據的區域，圍繞它布局，也就是沒有拖出文本流。
但是絕對定位后，不僅元素盒子會拖出文檔流，文字也會出文本流。那么后面元素的文本就不會在認同它的區域位置，會直接在它后面布局，不會在環繞。
當然你可以使用 index-z 來讓底部的元素到上面來，類似于一個圖層的概念

作者：張木大原
鏈接：https://www.zhihu.com/question/21911352/answer/102028085
來源：知乎
著作權歸作者所有，轉載請聯系作者獲得授權。

http://www.w3school.com.cn/css/css_positioning_floating.asp

w3school有詳細解釋

脫離了這視頻看過之后我查了很多資料。她講錯了

浮動之后就不再占有原來的位置