製作鏈接

Question

我想提出一個錨是在一個較低的z-index點擊，這裏有一個小提琴：

http://jsfiddle.net/mjooh3gv/

只爲設置的z-index錨（不同於partent div）不起作用。

.underlay a { 
    position: absolute; 
    z-index: 5000; 
} 

Answer 1

將兩個DIV放置在一個頂部時，有什麼意義？

如果你想在一個容器的外邊緣定位元素，你可以使用幾種方法：

• postion: relative在容器上和postition: absolute對孩子，或者
• float: left和float: right對孩子（與清除容器），使用display: inline-block和width: 50%對孩子，或
• 佈局<table>具有兩個c或
• olumns（是的，我知道。告我），或
• 使用display: table-row在容器上和display: table-cell對孩子，或者
• display: flex，見https://css-tricks.com/snippets/css/a-guide-to-flexbox/和http://caniuse.com/#feat=flexbox

後者將像這樣工作：

.container { 
 
    border: 5px inset red; 
 
    width: 300px; 
 
    padding: 5px; 
 
    display: flex; 
 
} 
 
.overlay { 
 
    margin-right: auto; 
 
} 
 
.underlay { 
 
    margin-left: auto; 
 
}

<div class="container"> 
 
    <div class="overlay"> 
 
     <a href="#1">Link 1</a> 
 
    </div> 
 
    <div class="underlay"> 
 
     <a href="#2">Link 2</a> 
 
    </div> 
 
</div>