手风琴正在打破 div 的高度

Posted 2023-03-06

【中文标题】手风琴正在打破 div 的高度

【英文标题】：Accordion is breaking the height of the div

【发布时间】：2019-07-31 10:30:57

【问题描述】：

我正在使用 Angular 和 ng-bootstrap。

手风琴组件有问题 (https://ng-bootstrap.github.io/#/components/accordion/examples)

当我将手风琴放入具有最大高度的 div 时，手风琴可以超过这个最大高度。但我想让我的 div 的最大高度受到尊重。

重现错误很简单：

创建一个具有最大高度（例如 80% 和宽度：200px）的 div，然后放入几个手风琴，每个手风琴都有几个面板。然后打开它们，你会看到你的面板超过了最大高度。

我想要的是在我的 div 上而不是在我的身体上有一个滚动条，但即使我的 div 内部的最大高度也无法正常工作。

【参考方案1】：

将overflow: auto; 设置为您的div。如果不起作用，请将 max-height 设置为 px 单位。我做到了并为我工作。