這個暑假裡的實習是真正讓我體會到了做前端一定要理解文件流。之前一直處於必須給元素加邊框才能看到我講元素放置在了文件中的什麼位置。理解了文件流，腦海中就會定位到相應的元素。
文件流，其實本沒有這樣的定義，有的是普通流的概念。簡單說就是元素按照其在html中的位置順序決定排布的過程。並且這種過程遵循標準的描述。
即將窗體自上而下的分成一行一行，並在每行中按照從左至右的順序排放，即為文件流。所有的html都在塊框或者行內框中。
當瀏覽器開始渲染html文件，它從視窗的頂端開始，經過整個文件內容的過程中，分配元素需要的空間。除非文件的尺寸被css特別的限定，否則瀏覽器垂直擴充套件文件來容納全部的內容。每個新的塊級元素渲染為新行，行內元素則按照順序被水平渲染直到當前遇到了邊界，然後換到下一行垂直渲染。這個過程被成為普通文件流。
html中文件流的理解
理解好文件流，有助於我們對css中定位和浮動的理解。什麼是文件流呢，經過我看過的一些文章，加入自己的理解。我得出文件流的定義如下 1 從左至右，從上至上的布局。2 符合html中標籤本身含義的布局，比如某些標籤獨佔一行。有些標籤屬於行內元素等。下面來講乙個css中的定位機制，共三種 1 正常的文件流...
HTML文件流 文字流和脫離文件流
文件流 普通流 在文件流中，html 元素會按照其在 html文件中的位置順序來排布,將窗體自上而下分成一行一行,並在每行中左至右的挨次排放行內元素，遇到阻礙或者寬度不夠自動換行。而塊狀元素將獨佔一行。塊級元素和行內元素.文字流 文字流是相對於文字段落講的。可視為一串字元由左到右 由上而下的讀取和輸...
標準文件流
標準文件流其實是瀏覽器渲染頁面的乙個規則 所有的頁面元素，都要按照它在html文件 現的先後順序，依次在瀏覽器中，從左上角開始，從上到下，從左到右的順序依次顯示。標準文件流的性質 1.空白摺疊 2.高低不齊，底端對齊 標準文件流可以把頁面分成兩大類 1.塊級元素 2.行內元素 塊級元素 1.單獨的佔...