我隱藏后出不來了，而且我的div是寫在li標(biāo)簽里的，誰能幫我看看呀
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>京東-導(dǎo)航欄</title>
<style type="text/css">
.navigation
{
? ? width: 220px;
height:506px;
display: block;
padding:0;
margin:30px;
background:#C81623;
}
.allgoods
{
height: 40px;
? ? line-height: 40px;
? ? text-align: left;
? ? font:15px;
font-weight:bold;
font-family:微軟雅黑;
? ? color:white;
? ? background:#B1191A;
? ? padding-left:20px;
}
.navigation li
{
list-style-type:none;
font-size:14px;
font-family:微軟雅黑;
height:31px;
line-height:31px;
background:url(../images/%E5%B0%8F%E7%AE%AD%E5%A4%B4.png) no-repeat right;
z-index:3;
}
.navigation li:hover
{
background-image:none;
background-color:#F7F7F7;
border-left:1px solid #C81623;
border-bottom:1px solid #C81623;
}
.navigation li:hover a
{
color:#C81623;
}
.navigation li a
{
color:white;
text-decoration:none;
padding-left:20px;
}
.navigation li a:hover
{
color:#C81623;
}
.navigation li:hover span
{
position:relative;
background:#F7F7F7;
width:20px;
height:31px;
display:inline-block;
float:right;
z-index:5;
}
.submenu1
{
left:257px;
top:69px;
width:1000px;
height:465px;
border:1px solid #C81623;
background:#F7F7F7;
z-index:4;
position:absolute;
display:none;
}
.nevigation li:hover .submenu1
{
display:block;
}
.leftside1 ul li
{
display:inline;
background:#7C7171;
font-size:12px;
font-family:宋體;
height:20px;
line-height:20px;
width:50px;
}?
</head>
<body>
?<ul div class="navigation">
? <div class="allgoods">全部商品分類</div>
? <li>
? ?<a >家用電器</a><span></span>
? ?<div class="submenu1">
? ? <div class="leftside1">
? ? ?<ul>
? ? ? <li><a href="#">品牌日</a></li>
? ? ? <li><a href="#">家電城</a></li>
? ? ? <li><a href="#">智能生活館</a></li>
? ? ? <li><a href="#">京東凈化館</a></li>
? ? ? <li><a href="#">京東幫服務(wù)店</a></li>
? ? ? <li><a href="#">值得買精選</a></li>
? ? ?</ul>
? ? </div>
? ? <div class="rightside1"></div>
? ?</div>
? </li>
? <li><a >手機(jī)、數(shù)碼、京東通信</a></li>
? <li><a >電腦、辦公</a></li>
? <li><a >家居、家具、家裝、廚具</a></li>
? <li><a >男裝、女裝、內(nèi)衣、珠寶</a></li>
? <li><a >個(gè)護(hù)化妝</a></li>
? <li><a >鞋靴、箱包、鐘表、奢侈品</a></li>
? <li><a >運(yùn)動(dòng)戶外</a></li>
? <li><a >汽車、汽車用品</a></li>
? <li><a >母嬰、玩具樂器</a></li>
? <li><a >食品、酒類、生鮮、特產(chǎn)</a></li>
? <li><a >營(yíng)養(yǎng)保健</a></li>
? <li><a >圖書、音像、電子書</a></li>
? <li><a >彩票、旅行、充值、票務(wù)</a></li>
? <li><a >理財(cái)、眾籌、白條、保險(xiǎn)</a></li>
?</ul>
</body>
</html>
2015-10-20
粗心
.nevigation li:hover .submenu1
{
display:block;
}里面的nevigation寫錯(cuò)了，應(yīng)該是navigation?
2015-10-19
我少?gòu)?fù)制個(gè)</style>，各位不要介意撒~