浮動
float:left/right/none
清除浮動
overflow:hidden 隱藏浮動效果
clear:both 清除浮動
:after{content:"";display:block;clear:both;}
浮動的特點
1.設置浮動的元素會脫離文本流
2.不占據頁面之間
3.它位于自己的父級div內
4.可以向左或向右浮動，直到它的外邊緣碰到包含框或者另一個浮動元素為止，但是不能進行上下浮動。
5.使用它來實現特殊的定位效果。
6.塊級元素可以設置浮動，行內元素也可以設置浮動，設置后能夠設置寬高。
7.塊級元素浮動后，不會蓋住行內元素。
浮動的情況
1.如果元素浮動的下方文本流有元素，那么會覆蓋這個元素。
2.包含框如果不夠寬，那么浮動元素會向下移動。
3.元素同時向左或者向右浮動，會在同一行顯示。
4.如果前面的浮動元素比后面的浮動元素高，那么后面的浮動元素會卡在后面。
