                        課程
                    
                        /前端開(kāi)發(fā)
                        
                            /JavaScript
                        
                        /商城分類(lèi)導(dǎo)航效果

二級(jí)div內(nèi)容隱藏后出不來(lái)了，請(qǐng)大神指教

<!DOCTYPE?html>
<html>
?<head>
??<meta?charset="UTF-8"/>
??<title></title>
??<style?type="text/css">
???body
???{
???????padding:0;
???????font-size:10pt;?
???}
???.topmenu
???{
????display:block;
????width:200px;
????border:2px?solid?#e4393c;
????margin:0;
????padding:0;
???}
???.toptitle
???{
????height:40px;
????line-height:40px;
????text-align:left;
????font-size:11pt;
????font-weight:bold;
????color:white;
????background:#e4393c;
????padding-left:20px;
???}
???.topmenu?li
???{
????height:30px;
????line-height:30px;
????font-s:11pt;
????list-style-type:none;
????text-align:left;
????padding-left:8px;
????z-index:3;
????background-image:?url(http://img1.sycdn.imooc.com//5411027300014f0200220030.jpg);
????background-repeat:?no-repeat;
????background-position:right;
???}
???.topmenu?li?a
???{
????text-decoration:?none;
????color:#313131;
????
???}
???.topmenu?li?a:hover
???{
????text-decoration:underline;
????font-weight:bold;
????color:#e4393c;
???}
???.topmenu?li?:hover
???{
????border:1px?solid?#DDD;
????border-right:0;
????box-shadow:?0?0?8px?#DDD;
????-moz-box-shadow:0?0?8px?#DDD;
????-webkit-box-shadow:?0?0?8px?#DDD;
????background-image:none;
???}
????????.submenu
???{
????display:none;
????width:715px;
????left:220px;
????position:absolute;
????top:40px;
????border:1px?solid?#DDD;
????z-index:4;
????background:white;
????-moz-box-shadow:0?0?8px?#DDD;
????-webkit-box-shadow:?0?0?8px?#DDD;
????background-image:none；
???}
???.leftdiv
???{
????background:gray;
????float:left;
????width:490px;
????margin:5px;
????
???}
???.rightdiv
???{
????background:blue;
????float:left;
????width:200x;
????margin:5px;
????
???}
??.topmenu?li:hover??.submenu
???{
???
????display:?block;
???}
??</style>
?</head>
?<body>
??<ul?class="topmenu">
???<div?class="toptitle">全部商品分類(lèi)</div>
???<li><a?href="#">圖書(shū)、音響、數(shù)字產(chǎn)品</a></li>
???????<div?class="submenu">?
??????????<div?class="leftdiv">
????????左側(cè)二級(jí)分類(lèi)<br>
????????左側(cè)二級(jí)分類(lèi)<br>
????????左側(cè)二級(jí)分類(lèi)<br>
????????左側(cè)二級(jí)分類(lèi)<br>???
???????????</div>
????????????
????????<div?class="rightdiv">
?????????????????????????右側(cè)二級(jí)分類(lèi)<br>
?????????右側(cè)二級(jí)分類(lèi)<br>
???????????</div>
???????</div>
???<li><a?href="#">家用電器</a></li>
???<li><a?href="#">手機(jī)、數(shù)碼</a></li>
???<li><a?href="#">電腦、辦公</a></li>
???<li><a?href="#">家居、家具、家裝、廚具</a></li>
???<li><a?href="#">服飾內(nèi)衣、珠寶首飾</a></li>
???<li><a?href="#">個(gè)護(hù)化妝</a></li>
???<li><a?href="#">鞋靴、箱包、鐘表、奢侈品</a></li>
???<li><a?href="#">運(yùn)動(dòng)戶(hù)外</a></li>
???<li><a?href="#">汽車(chē)用品</a></li>
???<li><a?href="#">母嬰、玩具樂(lè)器</a></li>
???<li><a?href="#">食品飲料、酒類(lèi)、生鮮</a></li>
??</ul>
?</body>
</html>