為什么點(diǎn)擊li后右邊不出來(lái)東西
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>商城分類導(dǎo)航</title>
<style type="text/css">
? ? *{
? ? ? ? padding:0;
? ? ? ? margin:0;
? ? ? ?
? ? }
? ? .quan{
? ? ? ? width:220px;?
? ? ? ? font-size: 10pt;
? ? ? ? display:block;
? ? ? ? border:2px red solid;
? ? }
? ? .quan li{
? ? ? ? list-style: none;
? ? ? ? height: 30px;
? ? ? ? line-height: 30px;
? ? ? ? ?padding-left:8px;
? ? ? ? ?background-image: url(images/jiantou.png);
? ? ? ? ?background-repeat: no-repeat;
? ? ? ? ?background-position: right;
? ? ? ? ? z-index: 3;
? ? }
? ? .headtext{
? ? ? ? background: red;
? ? ? ? font-size: 11pt;
? ? ? ? color:#fff;
? ? ? ? height:40px;
? ? ? ? line-height: 40px;
? ? ? ? padding:10px;
? ? }
? ? .quan li a{
? ? ? ? text-decoration: none;
? ? ? ?color: #313131;
? ? }
? ? .quan li a:hover{
? ? ? ?color:red;
? ? ? ?text-decoration: underline;
? ? ? ??
? ? ? ? font-weight: bold;
? ? ? ?
? ? }
? ? .quan li:hover{
? ? ? ? border-right: 0;?
? ? ? ? box-shadow: 0 0 8px #ddd;
? ? ? ? --moz-box-shadow:0 0 8px #ddd;
? ? ? ? --webkit-box-shadow:0 0 8px #ddd;
? ? ? ? border-right: none;
? ? ? ? background-image: none;
? ? }
? ? .you{
? ? ? ? display:none;
? ? ? ? width: 715px;
? ? ? ? border:1px solid #ccc;
? ? ? ? position:absolute;
? ? ? ? top:40px;
? ? ? ? left: 220px;
? ? ? ? z-index: 4;
? ? ? ? ?background: white;
? ? ? ? ? box-shadow: 0 0 8px #ddd;
? ? ? ? -moz-box-shadow:0 0 8px #ddd;
? ? ? ? -webkit-box-shadow:0 0 8px #ddd;
? ? }
? ? .left{
? ? ? ?background: blue;
? ? ? ? width:490px;
? ? ? ? float: left;
? ? ? ? margin:5px;
? ? }
? ? .right{
? ? ? ? background: greenyellow;
? ? ? ? float: left;
? ? ? ? width:200px;
? ? ? ? margin:5px;
? ? }
? ? .quan li:hover .you{
? ? ? ? display:block;
? ? }
? ? .quan li:hover span{
? ? ? ?background:white;
? ? ? ?display:inline-block;
? ? ? ?z-index: 20;
? ? ? ?width:20px;
? ? ? ?height:30px;
? ? ? ?float:right;
? ? ? ?position:relative;
? ? }
</style>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="stylesheet">
</head>
<body>
? ??
? ? <ul class="quan">
? ? ? ? <div class="headtext">
? ? ? ? ? ? 全部商品的分類
? ? ? ? </div>
? ? ? ? <li><a href="#" title="">圖書(shū)、音像、數(shù)字商品</a></li><span></span>
? ? ? ? <div class="you">
? ? ? ? ? ?<div class="left">
? ? ? ? ? ? ? ? jiandan
? ? ? ? ? ? </div>?
? ? ? ? ? ? <div class="right">
? ? ? ? ? ? ? ? bujiandan
? ? ? ? ? ? </div>
? ? ? ? </div>
? ? ? ? <li><a href="#" title="">文學(xué)、經(jīng)管、暢讀VIP</a></li>
? ? ? ? <li><a href="#" title="">家用電器</a></li>
? ? ? ? <li><a href="#" title="">手機(jī)、數(shù)碼</a></li>
? ? ? ? <li><a href="#" title="">電腦、辦公</a></li>
? ? ? ? <li><a href="#" title="">家居、家具、家裝、廚具</a></li>
? ? ? ? <li><a href="#" title="">服裝內(nèi)衣、珠寶首飾</a></li>
? ? ? ? <li><a href="#" title="">個(gè)護(hù)化妝</a></li>
? ? ? ? <li><a href="#" title="">鞋靴、箱包、鐘表、奢侈品</a></li>
? ? ? ? <li><a href="#" title="">運(yùn)動(dòng)戶外</a></li>
? ? ? ? <li><a href="#" title="">汽車用品</a></li>
? ? ? ? <li><a href="#" title="">母嬰、玩具樂(lè)器</a></li>
? ? ? ? <li><a href="#" title="">營(yíng)養(yǎng)保健</a></li>
? ? </ul>
</body>
</html>
2016-10-18
你這個(gè)109行中的div應(yīng)該放在一級(jí)菜單li中，不然你現(xiàn)在的li中沒(méi)有包括你要展示出來(lái)的東西，當(dāng)然不會(huì)顯示