Bootstrap下拉剪切由overflow:隐藏容器,如何更改容器? [英] Bootstrap dropdown clipped by overflow:hidden container, how to change the container?
问题描述
使用引导程序,我在 div
中有一个下拉菜单( s )和 overflow:hidden
,这是需要这样的。这导致下拉列表被容器剪切。
Using bootstrap, I have a dropdown menu(s) inside a div
with overflow:hidden
, which is needed to be like this. This caused the dropdowns to be clipped by the container.
我的问题,我如何解决这个剪切问题,例如。将我的项目中所有下拉列表的容器更改为 body
,成本最低?
My question, how can I solve this clipping issue, e.g. change the container of all dropdowns inside my project to be body
, with lowest cost possible?
的代码:
http://jsfiddle.net/0y3rk8xz/
推荐答案
将div属性更改为 overflow:visible;
,或设置 Position:absolute; / code> on .dropdown class like
Change the div property to overflow:visible;
, or Set Position:absolute;
on .dropdown class like
.bs-example .dropdown{position:absolute;}
查看工作代码: http://jsfiddle.net/guruWork/3x1f8ng5/
这篇关于Bootstrap下拉剪切由overflow:隐藏容器,如何更改容器?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!