实现页面的分割线样式

 想要实现一个页面三七分时，增加一条分割线的样式。

三七分的实现：使用

<el-row>
    <el-col :span="4">
    </el-col>
    <el-col :span="20" class="Border_l">
    </el-col>
</el-row>

<style>
    .Border_l{
        border-left:1px solid #eee;
        height: 100%;
        min-height: calc(100vh - 150px);
    }
</style>

实现步骤

1、给右侧el-col加类名Border_l

2、该类：需要左边框；该el-col高度为100%；最小高度为函数calc(100vh - 150px)

注意：

①函数calc（）在使用时，+ - * / 使用时前后需要空格

②提供el-col的最小高度，以实现分割线最小的长度是页面的可视区域；

   如果页面的长度超过了页面的可视区域，那么分割线的长度也会随之增加（因为有属性height:100%）

达成效果：

分割线随着页面可视区域的大小而发生变化；当右侧内容高度>min-height时，分割线会取右侧内容高度