昨天2017的微信公開課pro如期進行了，小程序將於2017年1月9日對個人開放，公司項目的demo版做了個大概，過程中花的時間最多的還是頁面佈局，所以後面將花一段時間將css的屬性在小程序裏過一篇，雖然小程序裏面對於css支持，但沒有說明支持到什麼地步。今天就先來說說定位。
一.定位：position屬性允許你對元素進行定位。
二.定位機制：有三種：普通流，浮動流，絕對定位。
三.定位屬性值：static，relative，absolute，fixed，inherit，-ms-page，initial，unset（後面3個屬性是小程序中有的，沒看懂是什麼樣子）
1.static：元素框正常生成，塊級元素生成一個矩形框，作爲文檔流的一部分，行內元素則會創建一個或者多個行框，置於其父元素中。
2.relative：元素框偏移某個距離。元素扔保持其未定位前的形狀，它原來所佔的空間扔保留。
3.absolute：元素框從文檔流中刪除，並相對於其包含塊定位，包含快可能是文檔中的另一個元素或者初始包含塊。元素原先在正常文檔流中所佔的空間會關閉，就好像元素原來不存在一樣。元素定位後生成一個塊級框，而不論原來它在正常流中生成何種類型的框。
4.fixed：元素框的表現類似於將position 設置爲absolute，不過其包含塊是視窗本身。
5.inherit：繼承父元素的position位置。----任何版本的IE都不支持屬性值：inherit
6.-ms-page:位置取決於absolute的模式。
7.initial：將指定的值表示爲屬性的初始值。
8.unset：設置了“inherit”和“initial”，根據屬性是否被繼承。
四.top，right，bottom，left：定位元素，定義position不爲static的元素。
1.取值：auto／直接數值／百分比
五.z-index 定義position不爲static的元素。設置元素在當前上下文中的層疊級別。數值越大顯示在上面，數值越小，則顯示在下面。
六.clip：剪裁絕對元素定位。定義一個剪裁矩形，內容多出來的東西將根據overflow的值來處理。注意點：必須將position設置爲absolute或者fixed的時候此屬性纔會生效
1.取值。shape／auto／inherit。
2.clip這個屬性即將廢棄，推薦使用
clip-path
