css - 想让border向上移动1px margin-bottom:-1px不好使

Question

请输入代码

#nav {
    width: 100%;
    height: .5rem;
    background: #eee;
    font-size: .18rem;
}

#nav ul {
    /*    list-style: none;*/
    padding: 0;
    margin: 0;
}

#nav ul li {
    width: 24%;
    height: .5rem;
    display: inline-block;
    line-height: .5rem;
    text-align: center;
}

#nav ul li.active {
    color: #0099FF;
    border-bottom: 1px solid #0099FF;
    margin-bottom: -1px;
}

Answer 1

I don’t quite understand your needs, try using position