css中li标签浮动，li标签里面包含的a标签向下掉，是怎么回事？并没有包含在li中

Question

css中li标签浮动，li标签里面包含的a标签向下掉，是怎么回事？并没有包含在li中<ul>
<li><a></a></li>
</ul>
a设为行内块后，设置宽高为13px,li变成了21
a掉出li了，向下移动了几个px

Answer 1

这个可能是你文件中的哪个上级样式导致的，我直接写没有出现你说的问题，如下

追问

好的，我看下

为什么这样

为什么a会掉出来，而不是在里面包裹着

追答

这个是inline-block元素这间会出现空格，把inline-block改成 display:block就可以了

或者给li标签加个样式，如下

li{

float: left;

list-style: none;

border:2px solid blue;

height:12px;

width:12px;

padding:0px;

font-size: 0;

                -webkit-text-size-adjust:none;

}

追问

a标签上面多出的空白是怎么来的呢

Answer 2

＜a＞什么意思追问

为什么a会掉出来，而不是在里面包裹着