Html 当内容添加到高度为100%的div时，禁止在body元素上垂直滚动

问题是，当我在可滚动div上附加一些内容时，我不希望滚动条出现在body上

当我试图使div高度小于100%时，主体上的滚动条消失，但当我调整窗口大小时，主体上的滚动条再次出现

下面是我尝试做的一个例子

*{margin:0；padding:0；}
html，正文{
身高：100%；
背景：#eee；
}
#菜单{
背景：#ccc；
宽度：220px；
身高：100%；
}
.包装纸{
身高：100%；
}
#菜单ul{
身高：100%；
溢出：自动；
}

其他一些内容


其他一些内容


其他一些内容


欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维尤
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维

*{
保证金：0；
填充：0；
}
html，正文{
身高：100%；
背景：#eee；
}
.包装纸{
显示器：flex；
弯曲方向：立柱；
身高：100%；
}
#菜单{
背景：#ccc；
宽度：220px；
弹性：1；/*使用所有可用高度*/
溢出：自动；
}

其他一些内容

其他一些内容

其他一些内容


欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维
欧维