小列表与导航栏无法对齐,找了半天也不知道为什么,求教!!!谢谢

/*导航*/

.navBox{height:35px; background-color:#1369C0; color:#FFF;}

.shopClass{width:190px; position:relative;}

.shopClass h3{text-align:center; line-height:35px;}

.shopClass i{width:11px; height:7px; overflow:hidden; background:url(../images/icon/down.jpg) left center no-repeat; display:inline-block; margin-left:11px;}

.shopClass{ font-family:"MicosoftYaHei","微软雅黑";}

.nav{ font-family:"MicosoftYaHei","微软雅黑";}

.nav{ line-height:35px;}

.nav li{ float:left;}

.nav a{ height:35px; display:inline-block; padding:0 35px; color:#FFF;}

.nav .active{ background-color:#4593FD;}

/*商品弹出列表*/

.shopClass_show{ background-color:#4593FD; position:absolute;}

.shopClass_item{ padding:14px 10px; border-bottom:#3487F2 solid 1px; border-top:#5AA1FE solid 1px;}

.shopClass_item dt{ height:22px; background:url(../images/icon/cesj.jpg) right center no-repeat;}

.shopClass_item .b{ font:14px/1 "MicosoftYaHei","微软雅黑";}

.shopClass_item a{ color:#FFF;}

.shopClass_item .aLink{ width:48px; height:21px; background:url(../images/icon/seban.png) left center no-repeat; display:inline-block; text-align:center; line-height:20px; text-decoration:underline;}


<div class="navBox">

      <div class="comWidth">

    <div class="shopClass fl">

   <h3>全部商品分类 <i></i></h3>

<div class="shopClass_show">

  <dl class="shopClass_item">

      <dt><a href="#" class="b">手机</a><a href="#" class="b">数码</a><a href="#" class="aLink">合约机</a></dt>

  <dd><a href="#">荣耀3X</a><a href="#">单反</a><a href="#">智能设备</a></dd>

</dl>

<dl class="shopClass_item">

      <dt><a href="#" class="b">手机</a><a href="#" class="b">数码</a><a href="#" class="aLink">合约机</a></dt>

  <dd><a href="#">荣耀3X</a><a href="#">单反</a><a href="#">智能设备</a></dd>

</dl>

<dl class="shopClass_item">

      <dt><a href="#" class="b">手机</a><a href="#" class="b">数码</a><a href="#" class="aLink">合约机</a></dt>

  <dd><a href="#">荣耀3X</a><a href="#">单反</a><a href="#">智能设备</a></dd>

</dl>

<dl class="shopClass_item">

      <dt><a href="#" class="b">手机</a><a href="#" class="b">数码</a><a href="#" class="aLink">合约机</a></dt>

  <dd><a href="#">荣耀3X</a><a href="#">单反</a><a href="#">智能设备</a></dd>

</dl>

<dl class="shopClass_item">

      <dt><a href="#" class="b">手机</a><a href="#" class="b">数码</a><a href="#" class="aLink">合约机</a></dt>

  <dd><a href="#">荣耀3X</a><a href="#">单反</a><a href="#">智能设备</a></dd>

</dl>

</div>

</div>

<ul class="nav fl">

   <li><a href="#" class="active">数码城</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>


会飞的死鱼
浏览 1453回答 2
2回答

会飞的死鱼

样式??那个位置?
打开App,查看更多内容
随时随地看视频慕课网APP