Html 绝对位置从元素中删除垂直滚动

我的代码如下所示：

xyz.html

<div class='home-container'>

    <div style="width:100%;height:auto;display: flex;flex-direction: row;z-index:400">

    <div class="menu-main"></div>


</div>

---

但不知何故，只要我在

菜单主菜单中插入
位置：绝对
，它就会失去滚动功能。那么我怎样才能同时实现滚动和绝对位置呢？
试试这个添加一个位置：相对位置；对于父分区


.home容器{
宽度：100vw；
高度：100vh；
溢出y：滚动；
背景:#fcfc；
}
.主容器.主菜单{
宽度：43%；
高度：3000px；
位置：绝对位置；
背景色：红色；
左：300px；
}
尝试添加一个位置：相对；对于父分区


.home容器{
宽度：100vw；
高度：100vh；
溢出y：滚动；
背景:#fcfc；
}
.主容器.主菜单{
宽度：43%；
高度：3000px；
位置：绝对位置；
背景色：红色；
左：300px；
}


body{margin:0px；}
.家用集装箱{
高度：100vh；
背景:#fcfc；
保证金：0px自动；
}
.主容器.主菜单{
宽度：53%；
高度：100vh；
位置：相对位置；
背景色：红色；
保证金：0px自动；
}


body{margin:0px；}
.家用集装箱{
高度：100vh；
背景:#fcfc；
保证金：0px自动；
}
.主容器.主菜单{
宽度：53%；
高度：100vh；
位置：相对位置；
背景色：红色；
保证金：0px自动；
}
添加样式属性
位置：相对在父Div中（不在容器中），如下所示

<div style="width:100%;height:auto;display: flex;flex-direction: row;z-index:400;position:relative;">

添加样式属性
位置：相对在父Div中（不在容器中），如下所示

<div style="width:100%;height:auto;display: flex;flex-direction: row;z-index:400;position:relative;">


你能创建一个JSFIDLE并显示吗？它正在为我显示滚动条。您的标记无效。缺少第一个嵌套子项的结束关闭。这可能会对您有所帮助，也存在类似问题。试试这个。你能创建一个JSFIDLE和show吗？它正在为我显示卷轴。您的标记无效。缺少第一个嵌套子项的结束关闭。这可能会对您有所帮助，也存在类似问题。试试这个。