定義：
內容從左到右，從上到下書寫的。前面的內容大小或者位置發生變化時，後面的內容位置也會隨之變化。
web頁面，就是乙個標準的文件流。內容跟咱們的書寫順序有關。
（1）空白摺疊現象
無論多少個空格，tab，換行都會摺疊為乙個空格。
張老師 真帥
妖怪我要你助我修行區別：
行內元素：
塊級元素：
我們將html標籤分為兩大類：容器級標籤、文本級標籤
容器級標籤：能巢狀幾乎所有的其他標籤
常用的文本級標籤：span，p，a，b
常用的容器級標籤：div，h1-h6、li、dd dt td.
幾乎所有的容器級標籤都對應塊級元素。
幾乎所有的文字標籤都對應行內元素。p標籤除外，它是文本級標籤，都屬於塊級元素。
塊級元素轉行內元素
display
: inline;
行內元素轉塊級元素
display
: block;
display
: inline-block;
css中提供三種方法，可以脫離文件流。
浮動是css裡布局使用最多的屬性。
浮動之後，元素會脫離文件流，緊貼上乙個浮動盒子的邊。
一旦我們設定了浮動，那麼該元素就能夠併排展示，而且可以設定寬和高。
/* float:right*/
float
: left;
浮動方向是要一直。
div可以擋住p標籤，但不會擋住p中的文字。字圍效果。
當乙個元素設定為浮動，且沒有設定寬度的時候，它的寬度會自動收縮為內容的寬度。
子元素都設定了浮動，父元素沒有設定高度。那麼父元素的高度會變成0。
在標準文件流中，父元素的高度預設是子元素撐開的，也就是說子元素多高，父元素就多高。但是當子元素浮動之後，子元素會脫離文件流，這個時候就無法撐開父元素，導致父元素沒有高度。
clear
:both;
兩個浮動元素之間新增乙個div，在div中使用
clear
:both;
直接在父元素中新增乙個有高度的子元素。
.clear:before
浮動以及清除浮動問題 標準文件流
1.浮動 浮動能使盒子脫離標準文件流 四大特性 1,浮動的元素脫標 2.浮動的元素互相貼靠 3.浮動的元素有 字圍 效果 是文字圍繞著浮動盒子顯示 4.收縮的效果 將塊級元素轉化成行內 大家一定要謹記 關於浮動,我們初期一定要遵循乙個原則,永遠不是乙個盒子單獨浮動,要浮動就要一起浮動,另外有浮動一定...
HTML 標準文件流（float的浮動屬性）
html元素在標準狀況下的定位方式 行內元素在同一行內橫向排列 塊級元素佔滿整個一行，在頁面中豎向排列 元素不會移動到其它地方去，對於巢狀的元素盒子也是巢狀的 元素的浮動是指設定了浮動屬性的元素會脫離標準文件流的控制，移動到其父元素中相應位置的過程。在css中，通過float屬性來定義浮動，其基本語...
標準文件流
標準文件流其實是瀏覽器渲染頁面的乙個規則 所有的頁面元素，都要按照它在html文件 現的先後順序，依次在瀏覽器中，從左上角開始，從上到下，從左到右的順序依次顯示。標準文件流的性質 1.空白摺疊 2.高低不齊，底端對齊 標準文件流可以把頁面分成兩大類 1.塊級元素 2.行內元素 塊級元素 1.單獨的佔...