优艾设计网

为何bootstrap 的菜单有的div下直接生效,有的还得套个div? 财富值63?

优艾设计网 https://www.uibq.com 2023-04-24 11:10 出处:网络 作者:PS自学
两个平级的div topdiv和left div:<body> <div id=\"topdiv\"></div> <div id=\"leftdiv\"></div>他们优艾设计网_PS交流基本就是位置不同: #topdiv{ position: absolute; top:0px; hei

两个平级的div topdiv和left div:
<body>

<div id="topdiv"></div>

<div id="leftdiv"></div>
他们优艾设计网_PS交流基本就是位置不同:
#topdiv{

position: absolute; top:0px; height:50px; width:100%;} #leftdiv{position: absolute;top:50px;bottom: 0px;left:0px;width:320px; }

分别让它们有菜单:

<div id="leftdiv" class="btn-group"><button type="button" class="btn btn-default btn-lg dropdown-toggle" data-toggle="dropdown" aria-expanded="false">test1<span class="caret"></span></button> <ul class="dropdown-menu" role="menu" style="padding:0"> <li><button class="btn btn-default btn-lg btn-block" onclick="alert(this)">test1</button></li> <li><button class="btn btn-default btn-lg btn-block" onclick="alert(this)">test2</button></li></ul> </div>

leftdiv下不弹出!topdiv下弹出!leftdiv下包裹一个div像这样:
<div id="leftdiv"><div class="btn-group">...菜单内容...</div></div>
也能弹出!那么到底为何leftdiv下直接放菜单不弹出呢?


tauren66 2022-09-06 15:24

优艾设计网_在线设计

他做组件的时候就是那样写的呗


阮刚 优艾设计网_在线设计 2022-09-06 15:25

这块儿的源码没看过,楼主可以翻出来看看,要我猜的话写事件代理的时候bootstrap就是根据这样的数据结构写的吧


0

精彩评论

暂无评论...
验证码 换一张
取 消