línea de solución de error de visualización, la presencia de exceso de margen; inline-block: pantalla a nivel de bloque utilizando la etiqueta

solución:

Utilizado en el elemento padre: font-size: 0; es decir, puede resolver los
ejemplos:

< Plantilla > 
    < div clase = "home-page" > 
        < ul clase = "navegador" > 
            < li >推荐</ li > 
            < li >课程</ li > 
            < li >实践</ li > 
            < li >职业路径</ li > 
            < li > < img src = "../ activos / history.png" alt = "历史" > </ > <
            > < Img src = "../ activos / Search.png" alt = "搜索" > </ li > 
        </ ul > 
    </ div > 
</ plantilla > 
< estilo > 
    .navigator { 
        fondo : #FFFFFF ; 
        box-shadow : 0 2px 4px 0 RGBA (0,0,0,0.10) ;  font-size : 0px ; 
    } 
    .Navigator li { 
        font-family : PingFangSC-Regular ; 
        font-size :16px ; 
        de color : # 71777D ; 
        letter-spacing : 0 ; 
        line-height : 18px ;  mostrar : inline-block ; 
        margin-right : 20px ; 
    } 
    Li .navigator: nth-child (4) { 
        margin-right : 65px ; 
    } 
    .Navigator li> img { 
        display : inline-block ; 
        anchura : 18px ; 
        altura : 18px; 
    } 
</ Estilo >