使用el-scroll组件来兼容ie等其他浏览器样式，当父元素为max-height时，如何使用？

Question

查阅相关使用经验，比较标准的使用方式可能是下面这样

    <ul class="search-list" style="height: 280px">
        <el-scrollbar style="height: 100%;">
            <li>
                <p v-for\="(item, index) in 200" :key="index">{{index}} 这里是一些文本。</p>
            </li>
        <el-scrollbar>
    </ul>

但是由于我这个是搜索列表，所以高度并不是固定的，而是会限制一个最大的高度，超出这个高度才显示滚动条

用原生的滚动条倒是直接在父元素 search-list 中直接写css就行了。但是目前需要优化滚动条样式，直接的css无法兼容ie的样式（ie的滚动条无法调节宽高）

所以暂时引入了 el-scroll 来兼容浏览器

但是现在有个新的问题，就是如果我像下面这样写的话

    <ul class="search-list" style="max-height: 280px">
        <el-scrollbar style="height: 100%;">
            <li>
                <p v-for\="(item, index) in 200" :key="index">{{index}} 这里是一些文本。</p>
            </li>
        <el-scrollbar>
    </ul>

因为设置了父元素为 max-height
height: 100%; 是无法获得的，以至于 el-scroll 组件也使用失败

所以想问要如何调节使该组件能适应这种条件？

或者有其他的第三方滚动条组件（可兼容ie）可以适用于这种条件的？（需要滚动部分的高度为max-height）