2012-06-26 49 views
2

我有一个HTML表格,其中每行包含一个Twitter Bootstrap样式下拉列表。当我点击按钮显示列表时,由于div容器的overflow属性,菜单未显示。我已经放置了示例代码,显示我遇到的问题:http://jsfiddle.net/jpaolini/XgYKP/4/Twitter引导在Html表中下拉

目标是让下拉菜单显示在所有内容之上,以便在不必滚动的情况下看到它。任何帮助是极大的赞赏。

回答

3

我删除overflow: auto;.widget-content和删除overflow: hidden.dataTables_wrapper,似乎工作。

http://jsfiddle.net/jackwanders/cnnsB/

+0

谢谢你的回应。我试过你做的样品,但那没有奏效。我将.pane的高度改为100px(http://jsfiddle.net/jpaolini/XgYKP/4/)。这更清楚地表明了问题。我试图让表格滚动,同时让下拉菜单出现在所有内容之上。 – user1483131

+0

@ user1483131听起来像,一般来说,你想要一个'div'的子元素在溢出时滚动,但是它的孙子是可见的。我不确定有办法做到这一点。也许别人知道一种方式 – jackwanders

1

你可以尝试添加位置:在您的.btn组绝对和下拉菜单会走出表。 btn不会再进入桌子内部了,虽然