为何bootstrap 的菜单有的div下直接生效,有的还得套个div??
两个平级的div topdiv和left div:
<body>
<div id="topdiv"></div>
<div id="leftdiv"></div>
他们基本就是位置不同:
#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>
l优艾设计网_PS论坛eftdiv下不弹出!topdiv下弹出!leftdiv下包裹一个div像这样:
<div id="leftdiv"><div class="btn-group">...菜单内容...</div></div>
也能弹出!那么到底为何leftdiv下直接放菜单不弹出呢?
王晶晶 2022-06-23 22:07 优艾设计网_Photoshop百科
他做组件的时候就是那样写的呗
野鹤闲云306 2022-06-23 22:09 优艾设计网_平面设计
这块儿的源码没看过,楼主可以翻出来看看,要我猜的话写事件代理的时候bootstrap就是根据这样的数据结构写的吧
精彩评论