頁面中當元素髮生層疊時如何顯示。爲何有的元素明明寫在後面卻被前者覆蓋住了？爲何z-index設置很大了，還是不顯示？這些涉及到css中的層疊上下文，層疊水平等
層疊上下文
類似塊級格式化上下文，是一個封閉的空間，用來限制內部元素的層疊水平在當前範圍活動的。在同一個層疊上下文中，（元素、層疊上下文）的層疊水平按一定的規則排序、顯示。
創建方式：
- 根層疊上下文 天生就具有的
- z-index爲數值（默認爲auto）的定位元素
- webkit內核中fixed 無需z-index爲數值
- css3
層疊順序
層疊規則
- 誰大誰上：在同一層疊上下文中，誰的層疊水平大誰在上
- 後來居上：層疊水平相同時，dom流後面的覆蓋前面的
參考文獻：
[1] Css世界