兩個平級的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>
leftdiv下不彈出!topdiv下彈出!leftdiv下包裹一個div像這樣:
<div id="leftdiv"><div class="btn-group">...菜單內容...</div></div>
也能彈出!那么到底為何leftdiv下直接放菜單不彈出呢?
加載中...
