可移动的divs来自手风琴

Question

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

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

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

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 及更早版本中工作，请不要忘记 <!DOCTYPE>。