一、css定位
CSS 有三種基本的定位機制：普通流、浮動和絕對定位。
1.普通流：未專門指定的元素都在普通流中定位，position:static/relative;和float:none;也在普通流中定位。
2.絕對定位：position:absolute/fixed;元素框脫離普通文檔流。
3.浮動：float:left/right;元素脫離普通文檔流。
二、對元素同時使用position和float的情況
經過實踐發現，無論position和float誰寫在前面或后面，都是position先起作用。
1.當position為absolute/fixed時，元素已脫離文檔流，再對元素應用float失效（即不起作用）。
2.當position為static/relative時，元素依舊處於普通流中，再對元素應用float起作用。
三、css定位機制之絕對定位機制與浮動定位機制的區別
1.用position使元素脫離普通流后，該元素不占據空間，用top/bottom/left/right決定位置。
2.用float使元素脫離普通流后，該元素占據空間，用margin,padding等決定和周圍內容的距離等。
（該文供學習交流，歡迎大家共同探討~）