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

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

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

会飞的死鱼 2015-12-13 03:27:32
/*导航*/.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>
查看完整描述

2 回答

?
会飞的死鱼

TA贡献1条经验 获得超0个赞

样式??那个位置?

查看完整回答
反对 回复 2015-12-13
  • 2 回答
  • 0 关注
  • 1452 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信