1、定位體系一共有三種
（1）常規流；
（2）浮動定位
（3）絕對定位
2、float屬性常用的語法：
（1）float：left；左浮動
（2）float：right；右浮動
（3）float：none；無浮動
任何元素都可以使用浮動，無論是塊級元素div、ul等等，還是行內元素都可以浮動，任何被聲明float的元素都會自動被設置成塊元素，有了塊級元素的各種特點，可以設置寬高，可以設置內外邊距。
但是很重要的一個點就是：float浮動用於布局，可以很輕松的達到靠左靠右的效果，但是，當使用完float浮動之后，一定要記住清除浮動，要不然很可能會造成高度坍塌。
3、float的影響
（1）對於行內元素來說，使用float之后，可以設置寬度高度了；
（2）對於塊級元素來說，默認占滿行的塊級元素，比如p標簽，會自動變成內容撐開寬度，但同樣可以設置寬高。
4、浮動之后盒子的位置
（1）左浮動的盒子向上向左排列；
（2）右浮動的盒子向上向右排列；
（3）浮動盒子的頂邊不得高於上一個盒子的頂邊；
（4）若剩余空間無法放下浮動的盒子，則該盒子向下移動，直至具備足夠的空間可以容納盒子，然后再向左或向右移動。
5、當常規流盒子遇上浮動盒子
（1）浮動盒子在擺放時會避開常規流盒子；
（2）常規流盒子在擺放時會無視浮動盒子；
（3）常規流盒子在自動計算高度時，無視浮動盒子——高度坍塌。
6、清除浮動
為了避免造成高度坍塌，因此，我們經常會在完成浮動布局之后進行清除浮動。
清除浮動的幾個語法：
（1）clear：none；不清除浮動；
（2）clear：left；清除左浮動，元素在左浮動盒子的下方擺放；
（3）clear：right；清除右浮動，元素在右浮動盒子的下方擺放；
（4）clear：both；清除左右浮動，元素在左右浮動盒子的下方擺放。
