首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何修复boostrap 4下拉菜单到外部<aside>?

如何修复boostrap 4下拉菜单到外部<aside>?
EN

Stack Overflow用户
提问于 2019-04-01 12:54:58
回答 1查看 89关注 0票数 0

我正在创建一个左边栏,我可以在边上显示下拉菜单吗?我的当前代码位于:https://jsfiddle.net/q79w5zbj/3/

代码语言:javascript
运行
复制
<aside>(this button dropdown)<div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
  <a class="dropdown-item" href="#">Action</a>
  <a class="dropdown-item" href="#">Another action</a>
  <a class="dropdown-item" href="#">Something else here</a>
</div>

我想在外面放下拉菜单,我的代码出了什么问题?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-04-01 13:01:39

dropdown-menu具有基于带有position: relativedropdownposition: absolute。因此,如果您希望dropdown-menu显示在aside之外,只需删除aside标记中overflow-y:hidden即可。

示例:https://jsfiddle.net/1hrvx9L3/

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/55448297

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档