子元素盖住父元素边框

代码

 .tab {
            &_t {
                display: flex;
                border-bottom: 1px solid #d7d7d7;
                padding-left: 20px;
                li {
                    width: 66px;
                    display: inline-block;
                    float: left;
                    height: 30px;
                    border: 1px solid #d7d7d7;
                    border-bottom: 1px solid transparent;
                    margin-bottom: -1px;
                    background: #fff;
                    margin-left: 12px;
                    padding-bottom: 10px;
                }
            }
            &_b {}
        }

  <div class="tab">
            <ul class="tab_t">
                <!--头部tab切换-->
                <li>测试流程</li>
                <li>测试数据</li>
            </ul>
            <div class="tab_b">
                <!--底部切换的tab-->
            </div>
        </div>

效果