Question

这是关于SO的讨论很多的话题，但我仍然无法弄清楚如何解决这个问题。

我在div内bootstrap dropdown overflow-y属性设置为自动。并且由于溢出属性，下拉列表会被剪切。

容器div可以包含任意数量的控件。因此，如果容器div的高度超出视口，则容器应获得垂直滚动条。因此，在容器div

上设置了以下css

    overflow-y: auto;
    max-height: 80vh;

然后添加overflow-y导致下拉到剪辑。

更新1 - 对问题的更多描述
我正在动态地将控件添加到pabel-body中，以便panel-body可以有一个或多个控件。因此，当面板主体具有更多控件时，panel-body可能会低于视口，而没有overflow-y: auto，您将看到浏览器的垂直滚动条。

我不想要浏览器的滚动条，而是想要panel-body滚动条。所以我将panel-body的最大高度设置为80％。（其余20％分配给页眉和内容）。所以现在只有当它的高度超过视口的80％时，面板体才会得到垂直滚动条。

这很好用。但是因为下拉被削减了。