vue 获取元素高度为什么会有偏差

Question

<div class="">
    <div class="item">海南省</div>
    <div class="item picker-active">重庆市</div>
</div>

this.$nextTick(()=>{
    document.getElementsByClassName('picker-active')[0].offsetHeight
})

.picker-items{height:calc(358px - 45px);overflow-y: auto;}
.picker-items .item{position: relative;height:44px;line-height:44px;padding:0 24px;font-size:14px;color:#999;overflow: hidden;}
.picker-items .item:after{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px;background: #f5f5f5;}

为什么有时候是48，有时候是49

Answer 1

offsetleft、offsettop、offsetwidth、offsetheight，这四个函数最终获取的均为整数
所以你这个区的时候，在计算取整时出现了不一样。