P49 感覺老師把目錄為什么可以實現(xiàn)從左到右的進入說的不是很清楚。

--------------------核心代碼--------------------

.&__nav{

position:fixed;

top:0;

left:0;

width:0%;

}

.&__list{

position:absolute;

top:50%;

left:50%;

transform:translate(-50%,-50%);

width:100%;

}

----------------------------------------------

當(dāng)button沒有被點擊即沒有checked的時候，&__nav的width為0%，但這時候列表并沒有消失，而是擠成一團。

那為什么它會在左邊呢?

明明&__list設(shè)置了絕對定位且left:50%，應(yīng)該居中才對呀。

這是因為&__nav的width這時候為0%,父元素沒有寬度，那&__list就會緊緊貼著父元素，而這時候的&__nav的定位是top:0;left:0;

那么隨著寬度慢慢變大，&__list就會向右移動。