Twitter bootstrap 引导下拉列表在div内部被截断,并带有溢出

Twitter bootstrap 引导下拉列表在div内部被截断,并带有溢出,twitter-bootstrap,css,twitter-bootstrap-3,Twitter Bootstrap,Css,Twitter Bootstrap 3,这是一个讨论得很好的话题,但我仍然不知道如何解决这个问题 我有一个div,它的overflow-y属性设置为auto。由于溢出属性,下拉列表被截断 容器div可以有任意数量的控件。因此,如果容器div的高度超出了视口,那么容器应该获得垂直滚动条。因此,在containerdiv overflow-y: auto; max-height: 80vh; 但是添加overflow-y会导致下拉菜单被剪裁 更新1-对问题的更多描述 我正在将控件动态添加到pabel body中,以便面

这是一个讨论得很好的话题,但我仍然不知道如何解决这个问题

我有一个
div
,它的
overflow-y
属性设置为auto。由于溢出属性,下拉列表被截断

容器
div
可以有任意数量的控件。因此,如果容器
div
的高度超出了视口,那么容器应该获得垂直滚动条。因此,在container
div

    overflow-y: auto;
    max-height: 80vh;
但是添加overflow-y会导致下拉菜单被剪裁

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

我不想要浏览器的滚动条,而是想要
面板主体
滚动条。因此,我将
面板主体的最大高度设置为80%。(剩余的20%分配给页眉和内容)。所以现在面板主体只有在其高度超过视图端口的80%时才能获得垂直滚动条


这很好用。但由于该下拉列表被截断。

当然是这样,您已将最大高度设置为80vh,并将容器设置为垂直使用溢出。您是否询问如何根据屏幕大小调整容器大小?属性max height:80vh;将是多余的,而不指定高度。因为您已经设置了overflow-y:auto;然后div将永远不会调整大小,相反,它只会抛出一个滚动条。如果删除溢出-y:自动;然后下拉列表将显示在容器外部。。。。你想要的确切行为是什么?您想让DIV将max扩展到80vh并显示滚动?请查看我的更新1您的问题现在解决了吗?