如何让div自动填充高度

Question

如图

结构：

<el-link :underline="false"
                 :href=item.url
                 style="height:100%;">
          <el-col :span="12">
            <el-image :src="item.backgroundUrl"
                      fit="cover"
                      class="background"></el-image>
          </el-col>
                    <!-- 想让这个div自动填充高度 -->
          <el-col :span="12"
                  style="height:100%;display: flex;justify-content: center;align-items: center;">
            <span>{{item.name}}</span>
          </el-col>
        </el-link>

我设置了高度100%，但是不好用啊？请问大家这是什么原因？

Answer 1

el-link加上display: flex;
第二个el-col加上flex: 1试试看