为什么导航栏与上一栏有间隙？

Question

<div class="navBox">

<div class="comWidth">

<div class="shopclass">

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

<div class="shopclass_show">

<dl class=shopClass_item>

<dt><a href="#">手机</a><a href="#">数码</a>

<a href="#">合约机</a>

</dt>

<dd><a href="#">荣耀三X</a><a href="#">单反</a>

<a href="#">智能设备</a>

</dd>

</dl>

</div>

</div>

<ul class="nav ">

<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><!--navBox结束-->

.sear_bar{

width: 430px;

padding-top:23px ;

padding-left:185px ;

}

.search_text{width:350px ;height:35px;padding:0 5px ;line-height:35px\9;background-color: white;}

.search_btn{width: 70px;height: 35px;font-size: 14px;font-family: "微软雅黑";background-color: #ff8c00;color: #FFF;}

/*shopcar*/

.shopcar{

height:35px;width: 145px;margin-top:23px ;background-color: #ff8c00;font-size: 14px;font-family: "微软雅黑";margin-right: 59;

color:#FFF ;line-height:35px ;}

.shopText{

height: 100%;width:87px;border-right:#E27A00 solid 1px ;

background:url(../img/icon/55555_03.jpg) 10px center no-repeat ;text-indent: 40px;

}

.shopNum{

width: 27px;height: 35px;

background: url(../img/icon/666_07.jpg) 33px center no-repeat;

border-left:#FF9C01 solid 1px ;text-align: right;padding-right:29px ;

}

/*navBox*/

.navBox{

height: 35px;background-color: #1d7ad9;

}

/*CSS Document*/

body,ul,ol,dl,dd,,dt,h1,h2,h3,h4,h5,h6,p,fieldset,form,li,p,table,td,img,div{margin: 0; padding: 0;}

body{font-size:12px;}

img{border:none;}

li{list-style:none;}

input,select,textarea{outline:none;border:none;background: none ;}

textarea{resize:none;}

a{text-decoration:none;color: #656565;}

/*清浮动*/

.clearfix:after{content:"";display:block;clear:both;}

.clearfix{zoom:1;}

.fl{

float: left;

}

.fr{

float: right;

}

Answer 1

<dl></dl>标签有默认的margin属性，你将这个这个标签的margin设置为0就不会有间隙了.