使用display控制元素顯示/隱藏時(shí)，transition失效

可以使用opacity配合position來實(shí)現(xiàn)

opacity: 0;
position: absolute;

但是這時(shí)又會(huì)出現(xiàn)因?yàn)榻^對(duì)定位，導(dǎo)致元素從文檔流中脫離，導(dǎo)致元素不占用頁面空間顯示高度為0

這時(shí)可以將第一個(gè)元素設(shè)置為relative,第一個(gè)元素在它的默認(rèn)位置并且占用空間，其他元素則設(shè)置絕對(duì)定位層疊在上面。

.row:first-of-type{
    position: relative;
}

這里列表都是相同類型元素，first-child或first-of-type都是可以的