Drop down menu 为什么在我应用'；变换比例'；到父元素？

下面是嵌套在下拉列表中的下拉列表。第一个代码段工作正常；当我将鼠标悬停在第一个下拉列表的父项上时，它的高度会发生变化，并按照我的预期显示，与后续的嵌套下拉列表一样

问题在于第二个片段

*{
保证金：0；
填充：0；
}
身体{
背景色：hsla（33,25%，75%，1）；
框大小：边框框；
}
.柔性容器{
宽度：100%；
}
.柔性容器a{
背景：淡天蓝；
显示器：flex；
对齐项目：居中；
证明内容：中心；
文本对齐：居中；
高度：25px；
填充：10px；
文字装饰：无；
过渡：背景色500ms，高度500ms，颜色500ms；
}
.flex容器a：悬停{
背景：矢车菊蓝；
颜色：雪；
}
.flex容器li：悬停{
盒影：10px 10px 10px黑色；
}
.柔性容器ul{
列表样式：无；
显示器：flex；
}
.flex容器>ul>li{
宽度：100%；
位置：相对位置；
}
ul li ul{
弯曲方向：立柱；
位置：绝对位置；
宽度：100%；
左：50%；
}
ulli li{
宽度：100%；
排名：0；
身高：0；
溢出：隐藏；
过渡时间：500ms；
}
li：悬停>ul>li{
高度：45px；
}
/*
ul李莉：悬停{
转换：比例（1.1）；
}
*/

第2页

已修复

我不明白为什么问题会首先出现，也不明白为什么我找到的修复程序可以工作，但它确实可以

我只是让溢出属性在（ulli:hover）中“可见”，它就可以工作了