CSS中，通過(guò)利用li標(biāo)簽的偽元素:before實(shí)現(xiàn)的li自適應(yīng)高度。

li:before{
content: '';
display: block;
height: 100%;
float: left;
}
li{
overflow: hidden;
}

首先，在li標(biāo)簽前面添加一個(gè)偽元素:before，然后將該元素的高度設(shè)置為100%，這樣它的高度就會(huì)和li元素一樣高。另外，設(shè)置float屬性為left可以讓:before元素與li元素在同一行顯示。

最后，設(shè)置li元素的overflow屬性為hidden，這樣就可以讓其自適應(yīng)偽元素:before的高度，從而實(shí)現(xiàn)li自適應(yīng)高度。

ul{
list-style: none;
}
li{
float: left;
margin-right: 10px;
padding: 10px;
background-color: #eee;
font-size: 16px;
line-height: 1.5;
text-align: center;
}

除了實(shí)現(xiàn)li自適應(yīng)高度的代碼外，這里也給出一個(gè)基礎(chǔ)的li屬性樣式，方便大家更好地理解。

總之，利用:before偽元素實(shí)現(xiàn)li自適應(yīng)高度不僅簡(jiǎn)單，而且非常實(shí)用，希望本文能夠?qū)V大前端開發(fā)者有所幫助。