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

我有一个这样的结构

然而，我在工作中遇到了困难

登录地址： 证书：

email : info@wereviewapp.com 
pass : xtyxty1

在第二个名为category的组合框中，无法正确显示其下拉列表

我已经解决了这个问题：

然而，还有其他好办法吗

我关心的是了解问题的起因。为什么我需要添加最大高度？它应该可以像在jsfiddle中一样正常工作

---

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

我认为应该设置一个数据容器，因为默认的容器似乎是主体，引导选择通过javascript注入高度值。您可以在此处找到更多信息：

主容器是wrap，因此可以尝试将属性data container=wrap添加到select html标记中

<select class="selectpicker" data-container="#wrap">
    ...
</select>

---

有没有其他方法可以从css中修复它？不使用包装。抱歉，我不知道另外一种唯一的css方式，因为bootstrap select通过javascript注入内联样式来计算容器高度。这就是为什么您必须通过使用来覆盖它们！在css规则中很重要。

<select class="selectpicker" data-container="#wrap">
    ...
</select>