一、文檔流

　　網頁默認的定位方式

　　　　1.行級元素： 從左到右

　　　　2.塊級元素： 從上到下

　　文檔流的流動方式 從右下 到 左上 ↖

二、浮動

　　1、浮動的定義 ， 是元素脫離文檔流 遇到父級邊界 或相鄰浮動元素 停止

　　2、特點

　　　　a）浮動元素不會超過父元素的邊框

　　　　b) 浮動元素默認不會重疊

　　　　c）浮動元素只能左右浮動 不能上下

　　　　d) 浮動了 就變成了 行級塊元素

　　3.浮動屬性

　　　　none　　left 　　right

　　4.清除浮動

　　　　clear : left　　right　　both

清除浮動的方式

　　1.在浮動元素下面新建一個 div 給他 添加 clear:both

　　　　討厭啊 這個根本就不可能這麽用的 但是為啥還要往上寫啊 。。。誰讓當時學的時候 老師也是這麽講的 循序漸進 的會更好一點吧 not worry

　　2.利用偽元素

.clearFloat: after {
  display:block;
  clear:both;
  content: ‘‘;
  visibility: hidden;
  height: 0;          
}
.clearFloat(zoom:1);

定位

　　position :　　absolute relatave fixed static(默認)

　　偏移屬性　　top　　bottom　　left　　right

　　相對定位　　relative 相對於自身 原來的位置 並且 保留原有的位置

　　絕對定位　　absolute 相對於 最近有定位的父級

　　z-index:1　　(值越大權重越高)　　解決 定位後 堆疊 問題

　　固定定位　　fixed 　　相對於視口定位

居中的幾個方法方法點我！ 我們走

CSS（四）float 定位