文件流和文字流的區別

1.文件流是指html文件載入解析時從上到下，從左向右，但相對於盒子模型來說，浮動後脫離文件流，但是沒有脫離文字流。

1.1**

doctype html

>
<
html 
>
<
head
>
<
meta 
charset
="utf-8"
>
<
title
>document
title
>
<
style
>
.test01
style
>
head
>
<
body
>
<
div 
class
="test01"
>
div>
倘若我是跋涉千里的夜行者，母親必是那重重夜幕裡一盞溫柔的燈光，遠遠的為我亮著，輕喚我遲疑的腳步；倘若我只是自怨自艾的蹩腳演員，母親必是那熱烈的掌聲，呼喚我自信，鞭策我努力；倘若我是條嬉戲的小游魚兒，母親必是那一汪碧綠的湖水，在包容我頑皮任任性的同時，也將我的快樂漣漪般一圈圈的擴散了去。
body
>
html
>

1.2效果圖

2.文字流是指html文字的顯示，是相對於文字段落來說的。

tip：但是如果設定了絕對定位，元素既會脫離文字流也會脫離文件流。

2.1**

doctype html

>
<
html 
>
<
head
>
<
meta 
charset
="utf-8"
>
<
title
>document
title
>
<
style
>
.test01
style
>
head
>
<
body
>
<
div 
class
="test01"
>
div>
倘若我是跋涉千里的夜行者，母親必是那重重夜幕裡一盞溫柔的燈光，遠遠的為我亮著，輕喚我遲疑的腳步；倘若我只是自怨自艾的蹩腳演員，母親必是那熱烈的掌聲，呼喚我自信，鞭策我努力；倘若我是條嬉戲的小游魚兒，母親必是那一汪碧綠的湖水，在包容我頑皮任任性的同時，也將我的快樂漣漪般一圈圈的擴散了去。
body
>
html
>

2.2效果圖

float 浮動 文件流和文字流區別

關於float屬性的脫離文件流的問題 在使用float浮動後，元素雖然會脫離文件流，但還處在文字流的位置當中 下面我自己試了一下，給a,b兩個元素分別設定了樣式，而只給第乙個a設定了float浮動屬性，然而效果顯示，a覆蓋了b，出現了重疊效果 如果在b內寫入文字,就又能顯示出來了 脫離文件流 也就是...

HTML 的文件流和文字流分別是什麼？

文件流是相對於盒子模型講的 文字流是相對於文子段落講的 元素浮動之後，會讓它跳出文件流，也就是說當它後面還有元素時，其他元素會無視它所佔據了的區域，直接在它身下布局。但是文字卻會認同浮動元素所佔據的區域，圍繞它布局，也就是沒有拖出文字流。但是絕對定位後，不僅元素盒子會拖出文件流，文字也會出文字流。那...

HTML文件流 文字流和脫離文件流

文件流 普通流 在文件流中，html 元素會按照其在 html文件中的位置順序來排布,將窗體自上而下分成一行一行,並在每行中左至右的挨次排放行內元素，遇到阻礙或者寬度不夠自動換行。而塊狀元素將獨佔一行。塊級元素和行內元素.文字流 文字流是相對於文字段落講的。可視為一串字元由左到右 由上而下的讀取和輸...