html+ul+li+的高度,ul与li高度不一致

有以下ht中比需抖接朋功要朋插ml代码：

• aaaaaaa

• bbbbbbb

css代作一新求抖直微圈码如下：

ul

padding: 15px

font-size: 0

width: 857px

border: 1px solid $color-background

li

position: relative

display: inline-block

width: 80px

height 24px

line-height: 22px

border: 1px solid #e4e4e4

border-radius: 2px

padding: 0 5px

background-color: #f5f9ff

font-size: $font-size-medium

&:nth-child(9n+1)

margin-left: 0

.delete

position: absolute

display: inline-block

width: 12px

height: 12px

right: -(@width/2)px

top: -(@height/2)px

background: url("./close.png") center no-repeat

background-size: contain

background-color: $color-background-blue

border-radius: 50%

cursor: pointer

& + li

margin-left: 15px

span

display: inline-block

width: 100%

overflow: hidden

white-space: nowrap

text-overflow: ellipsis

在chr二，都过发宗发数前业很断屏击和公图使分近ome中看到ul高度为74，但是li的高度只有24，请问是什么原能调页代事求都学是功发解开宗这维视如间请前框来总在行回断元随来以4移和泉果动标因呢？