为了账号安全,请及时绑定邮箱和手机立即绑定

我隐藏后出不来了,而且我的div是写在li标签里的,谁能帮我看看呀

<!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>京东-导航栏</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 href="http://channel.jd.com/electronic.html">家用电器</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="#">京东帮服务店</a></li>

      <li><a href="#">值得买精选</a></li>

     </ul>

    </div>

    <div class="rightside1"></div>

   </div>

  </li>

  <li><a href="http://shouji.jd.com/#">手机、数码、京东通信</a></li>

  <li><a href="http://diannao.jd.com/">电脑、办公</a></li>

  <li><a href="http://channel.jd.com/furniture.html">家居、家具、家装、厨具</a></li>

  <li><a href="http://channel.jd.com/1315-1342.html">男装、女装、内衣、珠宝</a></li>

  <li><a href="http://channel.jd.com/beauty.html">个护化妆</a></li>

  <li><a href="http://channel.jd.com/bag.html">鞋靴、箱包、钟表、奢侈品</a></li>

  <li><a href="http://channel.jd.com/sports.html">运动户外</a></li>

  <li><a href="http://channel.jd.com/auto.html">汽车、汽车用品</a></li>

  <li><a href="http://channel.jd.com/toys.html">母婴、玩具乐器</a></li>

  <li><a href="http://channel.jd.com/freshfood.html">食品、酒类、生鲜、特产</a></li>

  <li><a href="http://channel.jd.com/health.html">营养保健</a></li>

  <li><a href="http://mvd.jd.com/">图书、音像、电子书</a></li>

  <li><a href="http://chongzhi.jd.com/">彩票、旅行、充值、票务</a></li>

  <li><a href="http://z.jd.com/">理财、众筹、白条、保险</a></li>

 </ul>

</body>

</html>


正在回答

2 回答

粗心

.nevigation li:hover .submenu1

{

display:block;

}里面的nevigation写错了,应该是navigation 


1 回复 有任何疑惑可以回复我~
#1

Xsssssssss 提问者

我天。。我纠结了一下午。。谢谢拉~
2015-10-21 回复 有任何疑惑可以回复我~

我少复制个</style>,各位不要介意撒~

1 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

我隐藏后出不来了,而且我的div是写在li标签里的,谁能帮我看看呀

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信