如上图所示，本人在ul中放入了4个li，其中包含了a元素和ul，如下所示；
其中每个li中放入a元素作为头，再通过给a改为块元素使ul挤到下面如图片下面箭头所指位置
请问为何下面的ul中的li的border会和上面的li有偏差不在一个直线上
代码如下；
<ul class="nav">
<li>
<a href="#">微博</a>
<ul>
<li><a href="">关注</a></li>
<li><a href="">评论</a></li>
<li><a href="">@我</a></li>
</ul>
</li>
<li>
<a href="#">微博</a>
<ul>
<li><a href="">关注</a></li>
<li><a href="">评论</a></li>
<li><a href="">@我</a></li>
</ul>
</li>
<li>
<a href="#">微博</a>
<ul>
<li><a href="">关注</a></li>
<li><a href="">评论</a></li>
<li><a href="">@我</a></li>
</ul>
</li>
<li>
<a href="#">微博</a>
<ul>
<li><a href="">关注</a></li>
<li><a href="">评论</a></li>
<li><a href="">@我</a></li>
</ul>
</li>
</ul>
