what？
css 的 float（浮動），會使元素向左或向右移動，其周圍的元素也會重新排列。
float（浮動），往往是用於影象，但它在布局時一樣非常有用。
how?
元素的水平方向浮動，意味著元素只能左右移動而不能上下移動。
乙個浮動元素會盡量向左或向右移動，直到它的外邊緣碰到包含框或另乙個浮動框的邊框為止。
浮動元素之後的元素將圍繞它。
浮動元素之前的元素將不會受到影響。
如果影象是右浮動，下面的文字流將環繞在它左邊：
清除浮動 - 使用 clear
元素浮動之後，周圍的元素會重新排列，為了避免這種情況，使用 clear 屬性。
clear 屬性指定元素兩側不能出現浮動元素。
使用 clear 屬性往文字中新增廊
浮動型別
static：靜態定位，無特殊定位，物件遵循html定位規則（html的預設狀態）
absolute：絕對定位，物件脫離文件流，需要使用 left、top、right、bottom等屬性進行精確地定位。可以運用z-index屬性進行層疊。（使用絕對定位時如果出現元素飄動，沒有在你指定的位置上，可以在元素的父級元素上使用相對定位。「個人建議」）
relative：相對定位，物件不脫離文件流，無法像absolute一樣進行層疊，但依然要使用 left、top、right、bottom等屬性進行正常文件流中相對原來的物件位置進行移動，原位會被其他元素佔據。
fixed：固定定位，脫離文件流，可以使元素在螢幕上保持固定位置，即使滾動條下拉元素位置也不會改變。
demo：待補充
個人思考：如何使用clear屬性
牛腩新聞發布系統總結
用時半個月的時間，完車了牛老師的新聞發布系統，剛開始很是期待，因為這是第乙個做網頁的系統，有種說不說的欣喜。簡單的做了個圖，如下圖 和c s 的系統相比，不同之處就在於表示層了。因為是b s 的系統，是通過瀏覽器，讓使用者瀏覽的，所以所有的展示都是通過瀏覽器的解析，以及與伺服器的請求和返回來完成任務...
牛腩新聞發布系統總結
好喜歡牛老師，咳咳咳廣西南寧人，加快速度不到2倍，聽著感覺是小羅的聲音呵呵，願意聽牛老師的聲音，跟著節奏走。牛腩看了20多天，整個過程下來，豁然開朗 神奇清爽。終於邁進web開發的門檻，再一次經歷除機房收費系統之外的軟體開發流程，而且是b s模式的開發，有了小小的認識。製作牛腩的過程，顛覆了我以往的...
牛腩新聞發布系統總結
前後大概乙個月半的時間了吧，終於看完了牛腩新聞發布系統。儘管牛腩老師的聲音弱弱的，但是他的 不將就 卻讓他的課程有了一種獨具匠心的魅力。這種魅力會讓你變得興致勃勃起來，吸引著你跟著他將所有問題一一解決。這一次做系統，感覺收穫很大。下面就像大家分享學習的心得。一 了解了開發的流程 系統的講解過程，其實...