奇怪的css位置问题答案

【问题标题】：Strange css position issue奇怪的css位置问题
【发布时间】：2012-09-30 19:42:16
【问题描述】：

我在我的项目中使用Choosen 和Twitter Bootstrap。我想要得到的是，在可折叠的 div 上获得选择的下拉列表，但它位于其他内容之下。这是jsfiddle

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

【问题讨论】：

你需要将你的css设置为“相对”而不是“绝对”
您的引导 CSS 文件有一个 .collapse 规则，将可见设置为隐藏。这会导致溢出不显示。然而，将其设置为可见可以解决该问题并创建另一个问题，因为手风琴随后会破裂。 jsfiddle.net/j08691/CFbpt/14

【解决方案1】：

这应该可以解决所有问题：

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

【讨论】：