Html 停止父级滚动并允许绝对定位的子级与父级重叠

我试图创建一个下拉式菜单，并希望定位一个div，使其溢出页面上的所有其他对象，包括父对象和父对象。此时，随着div的增长，它的父级会滚动。我尝试向我想要增长的div添加一个overflow:hidden parent，但是它没有连接到它的实际父级。这意味着当我添加额外的div时，它会保持原样。我尝试过添加z-index，但这只适用于直接同级。有人能让黄色的div覆盖所有其他div，但仍然与它的主div保持连接吗

/*向绝对div添加文本-我希望绝对div溢出所有其他div和父级等*/
$（“body”）。在（“click”上，在“addStuffToDiv”上，函数（）{
$（“#absoluteDiv”）.append（“为什么我的父母在滚动？
我想成长为
兄弟1和兄弟2
”；
});
/**这将添加div。我希望添加div时absoluteDiv与其子主机一起移动**/
$（“body”）。在（“单击”上，“添加divstosibling”，函数（）{
$（“#同级1”）。前置（$（“”{
班级：“儿童课”
}));
});
.sibling{
利润率：10px；
填充：20px；
背景颜色：绿色；
溢出：自动；
}
childDiv先生{
背景色：浅绿色；
宽度：60px；
高度：60px；
保证金：5px；
位置：相对位置；
显示：内联块；
}
.儿童主人{
背景颜色：橙色；
}
#绝对的{
最小宽度：150px；
背景颜色：黄色；
z指数：150；
位置：绝对位置；
顶部：0px；
左：0px；
}

向div添加内容add divs
一些随机文本
我想在
兄弟1和兄弟2之间成长

我想我明白你的意思。。。只需删除溢出：自动来自.sibling类


/*向绝对div添加文本-我希望绝对div溢出所有其他div和父级等*/
$（“body”）。在（“click”上，在“addStuffToDiv”上，函数（）{
$（“#absoluteDiv”）.append（“为什么我的父母在滚动？
我想成长为
兄弟1和兄弟2
”；
});
/**这将添加div。我希望添加div时absoluteDiv与其子主机一起移动**/
$（“body”）。在（“单击”上，“添加divstosibling”，函数（）{
$（“#同级1”）。前置（$（“”{
班级：“儿童课”
}));
});
.sibling{
利润率：10px；
填充：20px；
背景颜色：绿色；
}
childDiv先生{
背景色：浅绿色；
宽度：60px；
高度：60px；
保证金：5px；
位置：相对位置；
显示：内联块；
}
.儿童主人{
背景颜色：橙色；
}
#绝对的{
最小宽度：150px；
背景颜色：黄色；
z指数：150；
位置：绝对位置；
顶部：0px；
左：0px；
}

向div添加内容add divs
一些随机文本
我想在
兄弟1和兄弟2之间成长

如果
绝对div
中的
列计数
有帮助吗？谢谢，但我正在寻找一种方法，使绝对div覆盖所有其他列并停止其父级滚动。这篇文章只是为了补充一些东西。非常感谢。这很有效。我知道这是一个很高的要求，但你能找到一种方法来处理溢出：自动仍然存在吗？一些内部div将是浮动的和溢出的：auto将它们保留在父级中。@bevan7如果您可以使用
overflow:auto
向特定div添加一个id，您可以在CSS中调用该id并将其应用于它们。谢谢。我要把显示器改成flex，这看起来很有效。谢谢你的帮助：-）没问题！很高兴能帮忙。