解决ul下的li换行问题，（父元素div加overflow：scroll没作用的问题）

#left, #right {
    width: 50%;
    box-sizing: border-box;
    min-height: 100%;
    float: left;



    overflow: scroll;//必须写
}

#left ul{

    float: left;//必须写
    display:flex;//必须写

}
#left ul > li {

 　　display:inline-block;//必须写

    list-style: none;
    box-sizing: border-box;
    float: left;
    text-align: center;
    height: 40px;
    line-height: 40px;
    border-right: 1px solid #ffffff;
    /*white-space:nowrap;*/
}

转载于:https://www.cnblogs.com/wssdx/p/8398305.html