可移动的divs来自手风琴

Question

我创建了一个弹出的sideBar。在那边sideBar我有一个包含div的手风琴。那些div是可拖的。用户可以拖动这些div并将它们定位在主页面上。

我遇到的问题是，当拖动div时，它们在手风琴之外是不可见的。这可以在This视频中看到。

我可以看到它是将溢出设置为隐藏但是当我删除它时，手风琴内容会在隐藏时显示。

overflow: hidden;

JSFiddle进一步说明我的问题。

我怎么可能解决这个问题？有什么方法可以解决这个问题。

Answer 1

尝试将此添加到您的css

.accordion-heading + div.accordion-body {
     position: static;
}

这是你在找什么？更新了小提琴http://jsfiddle.net/gNAFY/3/ 如果这解决了你的问题，似乎在bootstrap.css文件中，在第5245行，“position：relative”规则使得你的div不会出现在手风琴之外。所以你需要将位置“重置”为静态。 要使“el + el”css选择器在IE8及更早版本中工作，请不要忘记＆lt;！DOCTYPE＆gt;。