在標準流中，塊級元素的盒子都是上下排列，行內元素的盒子都是左右排列
在標準流中，乙個塊級元素在水平方向會自動伸展，在它的父元素中佔滿整個一行；而在豎直方向和其他元素依次排列，不能併排。
css中有乙個float屬性，預設值為none，也就是標準流通常的情況，如果將float屬性的值設為left或right，元素就會向其父元素的左側或右側靠緊，同時盒子的寬度不再伸展，而是收縮，在沒設定寬度時，會根據盒子裡面的內容來確定寬度。
（1）浮動後的盒子將以塊級元素顯示，但寬度不會自動伸展。
（2）浮動的盒子將脫離標準流，即不再佔據瀏覽器原來分配給它的位置（ie有時例外）。
（3）未浮動的盒子將佔據浮動盒子的位置，同時未浮動盒子內的內容會環繞浮動後的盒子。
① 多個浮動元素不會相互覆蓋，乙個浮動元素的外邊界（margin）碰到另乙個浮動元素的外邊界後便停止運動。
② 若包含的容器太窄，無法容納水平排列的多個浮動元素，那麼最後的浮動盒子會向下移動（圖4-68）。但如果浮動元素的高度不同，那當它們向下移動時可能會被卡住
clear是清除浮動屬性，它的取值有left、right、both和none（預設值），如果設定盒子的清除浮動屬性clear值為left或right，表示該盒子的左邊或右邊不允許有浮動的物件。值設定為both則表示兩邊都不允許有浮動物件，因此該盒子將會在瀏覽器中另起一行顯示
總結：清除浮動是清除其它盒子浮動對該元素的影響，而設定浮動是讓元素自身浮動，兩者並不矛盾，因此可同時設定元素清除浮動和浮動
CSS的浮動問題
浮動的工作原理 浮動元素脫離文件流，不佔據空間。浮動元素碰到包含它的邊框或者浮動元素的邊框則停留。浮動元素可能引起的問題 1.父元素的高度無法被撐開，影響與父級元素同級的元素 2.與浮動元素同級的非浮動元素會跟隨其後 3.若非第乙個元素浮動，則該元素之前的元素也需要浮動，否則會影響頁面的顯示結構 清...
css 的float浮動問題
size medium b 以前覺得已經把float的問題搞明白了，沒想到一段時間不用，又忘了，今天又查了一下，記錄一下。b size size medium 當所有的子元素 c 都浮動 即設了float 那麼在火狐下父元素 p 會沒有高度，下面的元素，如上面的f就會上移，因為p的高度為0，那麼解決...
CSS 浮動高度塌陷問題及清浮動
出現原因 1.子元素浮動 2.父元素無浮動 3.父元素高度為自動 也就是沒有設定高度 lang en charset utf 8 name viewport content width device width,initial scale 1.0 indextitle html,body,ul,li...