文件流是相對於盒子模型講的
文字流是相對於文子段落講的
元素浮動之後,會讓它跳出文件流,也就是說當它後面還有元素時,其他元素會無視它所佔據了的區域,直接在它身下布局。但是文字卻會認同浮動元素所佔據的區域,圍繞它布局,也就是沒有拖出文字流。
但是絕對定位後,不僅元素盒子會拖出文件流,文字也會出文字流。那麼後面元素的文字就不會在認同它的區域位置,會直接在它後面布局,不會在環繞。
當然你可以使用 index-z 來讓底部的元素到上面來,類似於乙個圖層的概念。
文件流和文字流的區別
1.文件流是指html文件載入解析時從上到下,從左向右,但相對於盒子模型來說,浮動後脫離文件流,但是沒有脫離文字流。1.1 doctype html html head meta charset utf 8 title document title style test01 style head b...
HTML文件流 文字流和脫離文件流
文件流 普通流 在文件流中,html 元素會按照其在 html文件中的位置順序來排布,將窗體自上而下分成一行一行,並在每行中左至右的挨次排放行內元素,遇到阻礙或者寬度不夠自動換行。而塊狀元素將獨佔一行。塊級元素和行內元素.文字流 文字流是相對於文字段落講的。可視為一串字元由左到右 由上而下的讀取和輸...
float 浮動 文件流和文字流區別
關於float屬性的脫離文件流的問題 在使用float浮動後,元素雖然會脫離文件流,但還處在文字流的位置當中 下面我自己試了一下,給a,b兩個元素分別設定了樣式,而只給第乙個a設定了float浮動屬性,然而效果顯示,a覆蓋了b,出現了重疊效果 如果在b內寫入文字,就又能顯示出來了 脫離文件流 也就是...