使用(yòng)display控制元素顯示/隐藏時，transition失效

可(kě)以使用(yòng)opacity配合position來實現

opacity: 0;
position: absolute;

但是這時又(yòu)會出現因為(wèi)絕對定位，導緻元素從文(wén)檔流中(zhōng)脫離，導緻元素不占用(yòng)頁(yè)面空間顯示高度為(wèi)0

這時可(kě)以将第一個元素設置為(wèi)relative,第一個元素在它的默認位置并且占用(yòng)空間，其他(tā)元素則設置絕對定位層疊在上面。

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

這裏列表都是相同類型元素，first-child或first-of-type都是可(kě)以的