【Udemy排名第一的高级CSS课程】Advanced CSS and Sass

P49 感觉老师把目录为什么可以实现从左到右的进入说的不是很清楚。

--------------------核心代码--------------------

.&__nav{

position:fixed;

top:0;

left:0;

width:0%;

}

.&__list{

position:absolute;

top:50%;

left:50%;

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

width:100%;

}

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

当button没有被点击即没有checked的时候，&__nav的width为0%，但这时候列表并没有消失，而是挤成一团。

那为什么它会在左边呢?

明明&__list设置了绝对定位且left:50%，应该居中才对呀。

这是因为&__nav的width这时候为0%,父元素没有宽度，那&__list就会紧紧贴着父元素，而这时候的&__nav的定位是top:0;left:0;

那么随着宽度慢慢变大，&__list就会向右移动。