margin-top负值的问题

Question

效果

代码：
css
a{

font-weight: bold;
color: #6f6f6f;
text-decoration: none;
}

.menu2{

border-bottom: 1px solid #ccc;
border-top: 2px solid #ccc;
height: 35px;
line-height: 35px;
background-color: #f7f7f7;
}
.menu2-container{
height: 60px;
border: 1px solid #ccc;
border-top: none;
}
.menu2 a{
padding: 0 25px;
border-right: 1px solid #ccc;
display: inline-block;
height: 30px;
}
.menu2 a.curr{
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
height: 36px;
border-top: 2px solid #ff5757;
color: #ff5757;
background-color: #fff;
position: relative;
top: -6px;
/*这里是用的相对定位我想用margin-top能让border-top向上突出，但是在这里设置
margin-top:-333px;无效
*/
}

<p>案例：菜单二 </p>

<div class="menu2">
<a href="javascript:void(0)" class="curr">菜单一</a>
<a href="javascript:void(0)">菜单一</a>
<a href="javascript:void(0)">菜单一</a>
</div>
<div class="menu2-container"></div>

另外一种html结构
<ul class="click_tab learn-ul " >

                    <li class="choiced" style="border-left:1px solid #ccc"><a href="javascript:;"  style="border-right:none;color:#ff5757"></a></li>
                    <li> <a href="javascript:;" class="samplequestion"></a></li>
                    <li><a href="javascript:;" class="beststudypath"></a></li>
                    <li> <a href="javascript:;" style="border-right:1px solid #ccc"></a></li>
                </ul>

css
color: #ff5757;

height: 39px;
background: #fff;
border-top: 2px solid #ff5757;
box-sizing: border-box;
display: inline-block;
border-right: 1px solid #ccc;
margin-top: -5px;/*这里的margin-top就有效果*/
border-left: 1px solid #ccc;

所以我想问下margin-top为负值的时候，什么时候有效果。

Answer 1

a标签不是块级元素，你设margin-top没什么用，除非设置display