为什么表格内容超出屏幕不显示滚动，溢出部分直接隐藏？

Question

UI：

<div style="height: 100%;">
    <!-- 面包屑 -->
    <el-breadcrumb separator-class="el-icon-arrow-right">
      <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
      <el-breadcrumb-item>权限管理</el-breadcrumb-item>
      <el-breadcrumb-item>角色列表</el-breadcrumb-item>
    </el-breadcrumb>
    <!-- 主体表格 -->
    <el-table :data="rightsList" height="100%" border style="width: 100%" stripe>
      <el-table-column type="index" label="ID" width="180">
      </el-table-column>
      <el-table-column prop="authName" label="权限说明">
      </el-table-column>
      <el-table-column prop="path" label="路径">
      </el-table-column>
      <el-table-column prop="level" label="权限层级">
        <template slot-scope="scope">
          <el-tag v-if="scope.row.level === '0'">标签一</el-tag>
          <el-tag type="success" v-else-if="scope.row.level==='1'">标签二</el-tag>
          <el-tag type="danger" v-else>标签三</el-tag>
        </template>
      </el-table-column>
    </el-table>
  </div>

Answer 1

逐级排查 overflow:hidden 吧，默认是不会隐藏的

https://codepen.io/linong/pen/YzRqovO