ul {

overflow:hidden;

}
li {

float: left;
padding-bottom: 9999px;
margin-bottom: -9999px;

}

浮動(dòng)會(huì)讓父元素失去高度。
可以給父元素添加 overflow：auto 屬性完成。
同時(shí)，如果要兼容。設(shè)置父元素 *zoom:1;

另外，除了父元素外，記得給下面的元素清除浮動(dòng)。

清除浮動(dòng)即可，為求簡(jiǎn)便可根據(jù)需要給ul設(shè)置overflow:hidden或設(shè)置浮動(dòng)。全面了解清除浮動(dòng)可以看看這篇文章:https://www.cnblogs.com/lhb25... 講得十分清晰。

清除浮動(dòng)可撐開(kāi) ul 高度

<ul class="clearfix"></ul>

.clearfix:after{
    clear:both;
    display:block;
    overflow:hidden;
    height:0;
    content:'';
}

設(shè)置ul overflow：hidden試試

ul{
    dispaly:flex;
    align-items:stretch;
}

flex容器高度默認(rèn)由子元素高度撐開(kāi)，align-items:stretch;使所有子元素等高對(duì)齊。