码上敲享录 > bootstrap简单例子分享 > bootstrap的select下拉框置顶显示解决方法

bootstrap的select下拉框置顶显示解决方法

上一章章节目录下一章 2018-01-18已有7394人阅读 评论(0)

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;

}


本文地址:http://www.yayihouse.com/yayishuwu/chapter/1082


向大家推荐《Activiti工作流实战教程》:https://xiaozhuanlan.com/activiti
8

有建议,请留言!

  • *您的姓名:

  • *所在城市:

  • *您的联系电话:

    *您的QQ:

  • 咨询问题:

  • 提 交