相关代码：

.banner .center-wrap .banner-nav>ul>li {
    position: relative;
    height: 16.66%;
    width: 296px;
    background-color:rgba(0, 0, 0, 0.5);
    border: .5px solid #9e9e9e;
    /* box-sizing:border-box属性的作用就是让height属性是盒子的总高度，这种情况：在盒子的总高度是暴百分比写的，但是盒子有边框的时候 */
    /* 此时就要让盒子的边框涵盖只height里面，就要使用box-sizing属性 */
    box-sizing: border-box;
}
.banner .center-wrap .banner-nav .menus-box .menu {
    position: absolute;
    width: 356px;
    height: 100%;
    top: 0;
    left: 296px;
    background-color: rgba(0, 0, 0, 0.63);
    padding: 16px;
    color: white;
    box-sizing: border-box;
}

相关截图：