position:relative 與position:absolute，relativeabsolute

position:relative 與position:absolute，relativeabsolute

父級元素為position:relative   

子項目為position:absolute

如果想讓父級元素在子項目之上，即z-index：100;       子項目為z-index:90，這樣是不行的，因為子項目始終都是在父級元素之內，且會一直在父元素之上，而不管它的z-index是不是比父級元素的小。

但是我又想讓父元素在子項目之上又該 怎麼辦呢？

解決辦法是在父元素的裡面再加上一個子項目，讓這個子項目和之前的子項目是同一級，且也是position:absolute。讓這個元素的z-index比之前的子項目的z-index大一點就好了。例子：

這裡做的就是讓兩個子項目都絕對位置，而且上面導航的那個子項目的z-index比下拉框 的要大，且它的border-bottom:solid 1px #fff,這樣就能做出來兩者正好在直交的地方會空出來位置，就好像那一塊下拉框 沒有邊框似的效果了。