我在我的网站的一部分使用Bootstrap。我将手风琴与下拉式按钮相结合。
当按钮位于底部时，问题出现，因为.accordion-body overflow设置为隐藏，所以下拉列表被隐藏。
当按钮位于底部时，问题出现，因为.accordion-body overflow设置为隐藏，所以下拉列表被隐藏。
你可以在这里查看jsfiddle：http://jsfiddle.net/DBQU7/6/
所以我做了你想要的，试图做溢出y：可见。但是，您可以在这里看到结果，它不起作用：
(你也可以注意到，这个下拉菜单是在div内部，它在div内部创建一个滚动条，而不是显示。
我看到这个问题是类似的：Twiiter Bootstrap (Button Dropdown) + Div Fixed
但是它并不能解决我上面提到的问题。
所以问题是，我如何才能正常显示下拉列表。
谢谢。
到目前为止我发现的唯一解决方案(我很乐意被证明是错误的)是添加一个CSS属性，使溢出在打开时可见，然后通过JS脚本使其在可见和隐藏之间切换…不理想，但到目前为止还没有什么好的。
– 已编辑 –
它实际上不是很好，似乎不是一个可行的解决方案。
解决方法
创见
你与你的解决方案非常接近。就是这个：
.accordion-body.in { overflow:visible; }
.in类在打开时被添加，因此仅在打开时设置可见性。
可能有助于Chrome Bug的更新
下面的bug mg1075注释可以通过稍微改变上面的代码来解决，就像这样：
.accordion-body.in:hover { overflow:visible; }
这基本上防止在动画完成之前发生溢出。它工作得很好，只有当您点击下拉按钮打开下拉列表，然后退出.accordion-body，它将再次裁剪下拉列表，但只有在您再次滑过鼠标悬停在下拉区域之前。有些人可能认为行为更为可取。
