浮動：float;
定義：使元素脫離文件流，按照指定的方向發生移動，遇到父級的邊界或者相鄰的浮動元素就會停下來；
浮動元素是同時處於常規流內和常規流的元素，其中塊級元素認為浮動元素不存在，而浮動元素會影響行內元素的布局；
因此浮動元素通過影響行內元素的布局來間接影響包含塊的布局；
常規流：頁面從左往右，從上到下排列的元素流是常規流；
脫離常規流：絕對定位，fixed定位的定位的元素有自己固定的位置，脫離了常規流；
包含塊：乙個元素離他最近的塊級元素就是他的包含塊；
注意：浮動元素雖然不能夠直接影響包含塊的布局，但是可以通過以下方法撐開包含塊：
此種方法稱之為 閉合浮動
overflow:hidden;
浮動元素遵循的規則：
盡量靠上
盡量靠左
盡量乙個挨著乙個
不能超出包含塊 ，除非元素比包含塊更寬『；
不能超過所在行的最高點，
不能超過他前面浮動元素的最高點
行內元素繞著浮動元素擺放，左浮動元素的右邊和右浮動元素的左邊會出現行內元素
總結浮動元素float知識點。
css布局的三種機制 分別是普通流 標準流 浮動和定位 1.標準流 塊級元素會獨佔一行從上向下排列。行內元素會按照順序排列，從左往右排碰到父級元素則會自動換行 2.浮動 讓盒子從普通流中浮起來，主要讓多個塊級盒子一行顯示 3.定位 將盒子定在瀏覽器的某個位置 浮動什麼是浮動？float 元素的浮動是...
HTML中關於浮動的知識點
1.浮動原理 浮動在當前行，脫離原來文字，進入到新的一層 浮動層 然後在設定的方向 左右 移動，直到遇到父級盒子的邊緣，或者其他浮動塊的邊緣停止 2.浮動換行 當一行沒有足夠空間存放所有浮動塊時，多出來的盒子會擠到下一行，然後按照設定的方向繼續移動，直到遇到父級盒子的邊緣或其他浮動塊的邊緣 3.浮動...
html定位屬性和浮動元素的知識點
static 靜態位置屬性 相對定位 relative 絕對定位 abosult 1 浮動後 元素本身脫離文件流，原來的位置被其他元素所佔據 2 浮動後 在同乙個父元素中，目標元素回佔據乙個浮動後位置。3 注意 浮動只能是 子元素在容器中進行位置移動。如果父容器剩餘寬度不能容納兩乙個子元素，那麼久換...