制作链接

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>