CSS定位（相对，绝对内部相对）+重叠问题？

Question

我有这样的结构 https://jsfiddle.net/znpruua1/

但是，我在http://wereviewapp.com/App/Post

遇到了麻烦

登录：http://wereviewapp.com/Login 凭证：

email : info@wereviewapp.com 
pass : xtyxty1

在第二个组合框命名类别中无法正确显示它的下拉列表。

我已经解决了这个问题：

.bootstrap-select .dropdown-menu {
  max-height: 192px !important;
  max-height: 19.2rem !important;
}
.bootstrap-select .dropdown-menu .inner {
  max-height: 140px !important;
  max-height: 14rem !important;
}

然而，还有其他好方法吗？

我关心的是了解造成问题的原因。为什么我需要添加最大高度？它应该在jsfiddle中工作得很好。

所有相关内容都在同一级别，所以不应该有任何问题。相对容器内的任何绝对元素都应该增长并显示在底层div容器的顶部。

Answer 1

我认为你应该设置一个数据容器，因为默认的似乎是正文，bootstrap-select通过javascript注入高度值。您可以在这里找到更多信息：

https://silviomoreto.github.io/bootstrap-select/examples/#container

您的主容器是#wrap，因此您可以尝试将属性data-container =“＃wrap”添加到您的select html标记中。

git reflog expire