elemen ui布局如何让元素出现滚 动 可视区部分正常显示 超出部分隐藏 滑动可显示

在 Element UI 中，可以使用 `el-scrollbar` 组件来实现滚动条效果。该组件是一个包装了原生的滚动条的容器，可以将多余的内容隐藏，并且在需要时显示滚动条。使用 `el-scrollbar` 组件需要将需要滚动的元素包裹在 `el-scrollbar` 组件中，例如：

<el-scrollbar style="height: 200px;">
  <div style="height: 400px;">需要滚动的内容</div>
</el-scrollbar>

这段代码中，`<el-scrollbar>` 组件的样式设置了一个固定的高度（例如 200px），并且包裹了一个高度较大的 `<div>` 元素（例如 400px）。当 `<div>` 元素的内容超出了 `<el-scrollbar>` 容器的高度时，就会显示滚动条，可以滑动滚动条来查看隐藏的内容。

需要注意的是，`<el-scrollbar>` 组件需要安装 `element-ui` 库才能使用。