Html 材料UI下拉菜单采用100%高度

我在特定页面中有一个下拉菜单，它在表列中呈现

当我点击打开菜单时，它会以100%的页面高度打开

我在文档和社区中都没有发现类似的内容

我与子组件没有相对/绝对容器关系

我试图设置

maxHeight

，但同样的情况也发生了

谢谢你的帮助

编辑：

一些代码

这是下拉菜单实例化的组件：

导出默认值({
变量，
}：道具）=>(
瓦里亚维尔
蒂波
林哈01
林哈02
林哈03
{variables.map（变量=>(
{variable.header}
{variable.line.map（line=>(
{line}
))}
))}
);

此代码使用SASS模块：

.headerColumn{
字体大小：16px！重要；
}
.栏目{
字体大小：14px！重要；
}
.列下拉列表{
@扩展.列；
左侧填充：0！重要；
}

我在这个组件中没有浮动，也没有绝对值。分析打开菜单，它取

top:0

和

最大高度：1014px。无法说明原因。
[数据根]{
身高：100%！重要；
}

这把事情搞砸了。
你有没有尝试过用下拉菜单定义
样式={{height:300}
，我认为应该可以。你使用float吗？给我们代码，这样我们就可以看到问题所在。@MayankShukla我试过了，但容器仍然得到了整个高度。菜单选择样式，甚至显示一个滚动条。显然，问题在于菜单周围的容器。@YashYadav我编辑了这个问题。过来看。