Javascript 奇怪的css位置问题

Javascript 奇怪的css位置问题,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,我在我的项目中使用和。我想得到的是,在可折叠div上获得choosen的下拉列表,但它在其他内容下。这是JSFIDLE 我错过了什么?如何解决这个问题 这应该能解决所有问题: .collapse.in { overflow: visible; } .chzn-drop { display: none; } .chzn-container-active .chzn-drop { display: block; } 您需要将css设置为“相对”而不是“绝对”。您的引导css文件有一个规则,用于。

我在我的项目中使用和。我想得到的是,在可折叠div上获得choosen的下拉列表,但它在其他内容下。这是JSFIDLE

我错过了什么?如何解决这个问题


这应该能解决所有问题:

.collapse.in { overflow: visible; }
.chzn-drop { display: none; }
.chzn-container-active .chzn-drop { display: block; }

您需要将css设置为“相对”而不是“绝对”。您的引导css文件有一个规则,用于
。collapse
将可见设置为隐藏。这会导致溢出不显示。然而,将其设置为“可见”解决了这个问题,并创建了另一个问题,即手风琴随后会断裂。看看会发生什么?在上面的下面啊,谢谢你指出这一点。将其更改为
.collapse。在
中,仅当组应可见时才执行此操作。尝试多次单击第一个手风琴项目。。同样的问题,我的意思是关闭第一个手风琴项目,然后尝试重新打开我不太明白这个问题。