Html 如何使用溢出自动停止在ul li列表中仅滚动第一个li？

我制作了一个简单的ul-li列表，其中ul有特定的max-height和overflow:auto，以便在长列表可用时可以滚动。但我正在尝试修复第一个li，并希望滚动所有其他li

.account-selector\uu listing.dropdown.is-open{
边缘底部：2rem；
位置：相对位置；
最大高度：22雷姆；
溢出：自动；
}

//想修复此li，但不想滚动此


//一些内容


//应该滚动


//应该滚动


//应该滚动


//应该滚动

试试这个，如果它不能解决问题，让我知道。请做评论

---

试试这个，如果它不能解决问题，请告诉我。请发表评论。

你可以用两个ul。。如果两个ul有效，请告诉我。 你可以把你的最大高度放在这里

ul:n类型（2）{
最大高度：80px；
溢出：自动；
}
.科目选择器项目{
边缘底部：10px；
}

//固定分量



//滚动内容


//滚动内容


//卷轴


//卷轴


//卷轴


//卷轴

你可以用两个ul。。如果两个ul有效，请告诉我。 你可以把你的最大高度放在这里

ul:n类型（2）{
最大高度：80px；
溢出：自动；
}
.科目选择器项目{
边缘底部：10px；
}

//固定分量



//滚动内容


//滚动内容


//卷轴


//卷轴


//卷轴


//卷轴

如果在

ul

周围创建一个容器元素，则可以使用

位置来实现此效果


将容器元素设置为
position:relative
，并为其提供顶部填充
将
li:first child
设置为
position:absolute
将
ul
设置为
position:static
，以便
li:first child
从容器元素而不是
ul
获取其位置


.ulOuter{
位置：相对位置；
填充顶部：10px；
}
.account-selector_uulisting.dropdown.is-open{
边缘底部：2rem；
最大高度：120px；
溢出：自动；
位置：静态；
盒影：0 0 3px插页#eeeeee；
}
.account-selector_uulisting.dropdown.is-open li:第一个孩子{
位置：绝对位置；
排名：0；
左：0；
宽度：100%；
}



//想修复此li，但不想滚动此


//一些内容


//应该滚动


//应该滚动


//应该滚动


//应该滚动


//应该滚动


//应该滚动


//应该滚动


//应该滚动


//应该滚动


如果在
ul
周围创建一个容器元素，则可以使用
位置来实现此效果


将容器元素设置为
position:relative
，并将其设置为top paddi
.account-selector__listing.dropdown.is-open > li:first-child {
    overflow: hidden;
}