<div id="header">
? ?<div class="c"></div>
? ?<ul>
? ? ? <li class="cd" data-role="collapsible">
? ? ? ? ? ?<h1>離我最近</h1>
? ? ? ? ? <ul class="second_1">
? ? ? ? ? ? ? <li><a href="">456</a></li>
? ? ? ? ? ? ? ?<li><a href="">123</a><li>
? ? ? ? ? ? ? ?<li><a href="">123</a></li>
? ? ? ? ? ? ? ?<li><a href="">123</a></li>
? ? ? ? ? ?</ul>
? ? ? ?</li>
? ? ? ?<li class="cd"><p>全國</p>
? ? ? ? ? ?<ul class="second_2" style="display:none;">
? ? ? ? ? ? ? ?<li>遼寧省
? ? ? ? ? ? ? ? ? ?<ul class="ln" style="display:none;">
? ? ? ? ? ? ? ? ? ? ? ?<li><a href="">沈陽</a></li>
? ? ? ? ? ? ? ? ? ? ? ?<li><a href="">大連</a></li>
? ? ? ? ? ? ? ? ? ? ? ?<li><a href="">鞍山</a></li>
? ? ? ? ? ? ? ? ? ? ? ?<li><a href="">撫順</a></li>
? ? ? ? ? ? ? ? ? ? ? ?<li><a href="">本溪</a></li>
? ? ? ? ? ? ? ? ? ? ? ?<li><a href="">丹東</a></li>
? ? ? ? ? ? ? ? ? ? ? ?<li><a href="">錦州</a></li>
? ? ? ? ? ? ? ? ? ? ? ?<li><a href="">營口</a></li>
? ? ? ? ? ? ? ? ? ? ? ?<li><a href="">阜新</a></li>
? ? ? ? ? ? ? ? ? ? ? ?<li><a href="">遼陽</a></li>
? ? ? ? ? ? ? ? ? ? ? ?<li><a href="">鐵嶺</a></li>
? ? ? ? ? ? ? ? ? ? ? ?<li><a href="">朝陽</a></li>
? ? ? ? ? ? ? ? ? ? ? ?<li><a href="">葫蘆島</a></li>
? ? ? ? ? ? ? ? ? ?</ul>
? ? ? ? ? ? ? ?</li>
? ? ? ? ? ?</ul>
? ? ? ?</li>
? ? ? ?<li class="cd" data-role="collapsible">
? ? ? ? ? ?<h1>默認排序</h1>
? ? ? ? ? <ul class="second_3" >
? ? ? ? ? ? ? <li><a href="">職能排序</a></li>
? ? ? ? ? ?</ul>
? ? ? ?</li>
? ?</ul>
</div>
css部分
/*二級菜單*/
#header .second_1{
? width:182px;
? height:350px;
? border:1px solid #3cc1b6;
? border-radius:10px;
? position:absolute;
? left:68px;
? background-color:#FFF;
? text-align:center;
? color:#F00;
?
}
#header .second_2{
? width:182px;
? height:1260px;
? border:1px solid #3cc1b6;
? border-radius:10px;
? position:absolute;/**/
? left:396px;/**/
? background-color:#FFF;
? text-align:center;
? color:#F00;
?
}
.dropdown-menu>li>a{
? font-size:40px;
}
#header .second_3{
? width:182px;
? height:350px;
? border:1px solid #3cc1b6;
? border-radius:10px;
? position:absolute;
? right:75px;
? background-color:#FFF;
? text-align:center;
? color:#F00;
?
}
