使用bootstrap的select下拉框的时候,点击下拉框,下拉的窗口会把外层的标签撑开出现滚动条,操作起来不是很方便。把外围的标签设置overflow:hidden后,下拉窗口部分被遮住隐藏了。这该怎么解决?
bootstrap的select下拉框置顶显示解决方法
在使用bootstrap的select下拉框的时候,点击下拉框,下拉的窗口会把外层的标签撑开出现滚动条,操作起来不是很方便。把外围的标签设置overflow:hidden后,下拉窗口部分被遮住隐藏了。这该怎么解决?
解决方法如下:
增加以下样式,可以让下拉窗口变成弹出窗口,从而在页面最顶层显示,效果很好。
.open>.dropdown-menu{
min-width:400px !important;
height:300px;
left:50%;
top:50%;
margin-left:-200px;
margin-top:-150px;
position:fixed;
}