element穿梭框最后一行显示长度不一致问题

我们看看我们的穿梭框

很明显最后一行显示的内容比上一行的内容多，这是怎么回事？查看样式都没有查到什么原因。

 我们的html：

<--主要要class生效，id不生效-->
<div class="bottomchoose" id="bottomchoose" style="margin-left:0.2rem;margin-top: 0.3rem;"> 
                <el-transfer
                    filterable
                    filter-placeholder="请输入查找的终端"
                    v-model="value"
                    :titles="['全选-选择终端','全选-已选择']"
                    :button-texts="['移出','添加']"
                    :data="data_d"
                    :render-content="renderFunc"
                    v-loading="loading2"
                    element-loading-text="获取数据中...请耐心等待！"
                    element-loading-spinner="el-icon-loading"
                    element-loading-background="rgba(0, 0, 0, 0.8)"
                    >
                </el-transfer>
            </div>

查看他们的样式

其实看不出什么问题，width都是100%。但是从界面角度考虑，最后一行显示多，是不是最后一行比较特殊，比较宽？可看样式没有看出来啊。

单独调节了下width发现它不能使用百分比，改成100px试试

就是这个地方

 发现可以耶！我们用139px更好。那代码怎么改？需要改element原框架？其实不用，在你这个html页面加上css样式即可.

<style scope> 
    #bottomchoose >>> .el-transfer-panel {
       width:255px;
    }

    <-- 就是添加下面的样式，bottomchoose要class的-->
   .bottomchoose .el-transfer .el-transfer-panel .el-transfer-panel__body label:last-of-type .el-checkbox__label {

               width: 139px;
    }

</style>