理解好文件流，有助於我們對css中定位和浮動的理解。什麼是文件流呢，經過我看過的一些文章，加入自己的理解。我得出文件流的定義如下：
1、從左至右，從上至上的布局。
2、符合html中標籤本身含義的布局，比如某些標籤獨佔一行。有些標籤屬於行內元素等。
下面來講乙個css中的定位機制，共三種：
1、正常的文件流
2、float
3、postion
在這幾種定位機制中，有幾種方式是脫離文件流的。什麼是脫離文件流呢？可以這樣理解，本來這個標籤是屬於文件流管理的，那麼它應該按照文件流的正常布局方式從左至右從上之下，並且符合標籤本身的含義。
脫離文件流是指，這個標籤脫離了文件流的管理。不受文件流的布局約束了，並且更重要的一點是，這個標籤在原文件流中所佔的空間也被清楚掉了。
那麼，這幾種脫離文件的的定位機制包括哪些呢？
1、float
2、position：absolute
理解文件流
這個暑假裡的實習是真正讓我體會到了做前端一定要理解文件流。之前一直處於必須給元素加邊框才能看到我講元素放置在了文件中的什麼位置。理解了文件流，腦海中就會定位到相應的元素。文件流，其實本沒有這樣的定義，有的是普通流的概念。簡單說就是元素按照其在html中的位置順序決定排布的過程。並且這種過程遵循標準的...
HTML文件流 文字流和脫離文件流
文件流 普通流 在文件流中，html 元素會按照其在 html文件中的位置順序來排布,將窗體自上而下分成一行一行,並在每行中左至右的挨次排放行內元素，遇到阻礙或者寬度不夠自動換行。而塊狀元素將獨佔一行。塊級元素和行內元素.文字流 文字流是相對於文字段落講的。可視為一串字元由左到右 由上而下的讀取和輸...
html中的文件流
那麼所謂的文件流 normal flow，也被稱為 普通流 指的是就是元素排版布局過程中，元素會自動從左往右，從上往下地遵守這種流式排列方式。當瀏覽器渲染html文件時，從頂部開始開始渲染，為元素分配所需要的空間，每乙個塊級元素單獨佔一行，行內元素則按照順序被水平渲染直到在當前行遇到了邊界，然後換到...