http://www.imooc.com/article/18451?block_id=tuijian_wz
http://www.ruanyifeng.com/blog/2015/07/flex-examples.html
position:
static: 沒有定位，正常狀態(tài)下苟径“刚荆可以快速取消定位，讓top棘街、right蟆盐、bottom、left 失效
relative: 相對于其在正常流中的位置偏移遭殉，原本占據(jù)的空間依然會保留
absolute: 相對于第一個position屬性不為static的父類定位石挂，會脫離正常文檔流，不占據(jù)空間位置恩沽。
fixed: 定位原點相對于瀏覽器窗口誊稚，而且不能變。
inherit: 從父類繼承position屬性的值罗心，但是任何版本的IE都不支持該屬性
sticky: 該元素并不脫離文檔流里伯，仍然保留元素原本在文檔流中的位置，這個屬性的兼容性還不是很好渤闷，目前仍是一個試驗性的屬性疾瓮，并不是W3C推薦的標(biāo)準(zhǔn)。
最后說一點飒箭，z-index屬性是針對以上定位屬性而出現(xiàn)的狼电，它只在定位元素上有效蜒灰。
display
display 屬性規(guī)定元素應(yīng)該生成的框的類型，文檔內(nèi)任何元素都是框肩碟，塊框或行業(yè)框
(1) display:none和visiability: hidden 都可以隱藏div强窖，前者不占據(jù)文檔的空間，后者占據(jù)文檔的位置削祈。
(2) inline: 行內(nèi)元素翅溺，以水平方式布局，垂直方向的margin和padding都是無效的髓抑，大小和內(nèi)容一樣咙崎，且無法設(shè)置寬高。
(3) block: 塊元素吨拍，獨占一行褪猛，可以使用margin來控制元素之間間距
(4) inline-block: 既具有block的寬度高度特性又具有inline的同行特性。
