Css 当其父元素为溢出：隐藏时，如何使元素溢出：自动？

拨弄

我试图使它，如果菜单是大于100%的高度，我可以在菜单内滚动，但不是在身体，直到菜单关闭

当菜单打开时，我应用以下内容：

body.menu-open {
  overflow: hidden;
}

以及菜单样式：

.navbar .menu {
  position: fixed;
  width: 30%;
  height: auto;
  min-height: 150%; /* height greater than 100% */
  overflow: auto;
  top: 50px;
  left: -30%;
  background-color: DeepSkyBlue;
  transition: left 0.2s ease-in-out;
}

---

将

min height

更改为

100%

，并使用

100%

将

max height

添加到菜单中：

.navbar .menu {
    position: fixed;
    width: 30%;
    height: auto;
    min-height: 100%;
    max-height: 100%;
    overflow: auto;
    top: 50px;
    left: -30%;
    background-color: DeepSkyBlue;
    transition: left 0.2s ease-in-out;
 }

$（'.navbar.fabar'）。在（'click'，function（）上{
$（'body'）.toggleClass（'menu-open'）；
$（'.navbar.menu'）.toggleClass（'in'）；
});
正文{
最小高度：100%；
高度：1000px；
保证金：0；
填充：0；
}
body.menu-open{
溢出：隐藏；
}
navbar先生{
高度：50px；
背景颜色：皇家蓝；
显示器：flex；
对齐项目：居中；
位置：固定；
宽度：100%；
}
.navbar.fa bars{
颜色：#fff；
填充：15px；
光标：指针；
}
.导航栏.菜单{
位置：固定；
宽度：30%；
高度：自动；
最小高度：100%；
最大高度：100%；
溢出：自动；
顶部：50px；
左-30%；
背景颜色：深蓝；
过渡：左0.2秒缓进缓出；
}
.navbar.menu.in{
左：0；
}
.导航栏.菜单a{
颜色：#fdfdfd；
文字装饰：无；
}







































在此处添加
最大高度有什么作用？使用此选项，菜单是否只会变为100%？否。
最大高度：100%
启用滚动条，因为菜单溢出了
菜单的100%高度。请看片段，明白了！在我的个人项目中，我还必须添加一个
填充底部：65px到菜单，以获取要在底部显示的最后一个菜单项。我让它
位置：固定；顶部：65px所以一开始它没有显示。祝贺你！