在创建Steam用户评价界面时遇到一个问题，即在一行一列的表格中，每行右侧出现了额外的滚动条。原因在于没有正确地在<el-header>、<el-main>、<el-footer>内使用<el-container>。解决方案是确保所有子容器都被<el-container>包裹。这导致滚动条出现的原因可能是子容器的高度超过了其父容器，但父容器未设定固定高度。反思中提到对于为何必须使用<el-container>以及无固定高度的容器为何会出现溢出现象仍存在疑问。
项目场景：
想写一个类似steam用户评价的用户评价界面，像这样的：
利用一行一列的表格以及element-ui 的container实现。
问题描述：
提示：发现每一行的右边多了一个滚动条。
原因分析：
只有<el-container>容器才能有子标签，若想在<el-header><el-main><el-footer>内部存放多个容器，需要包裹一层<el-container>
解决方案：
<el-header><el-main><el-footer>容器下若有子容器，需要包裹一层<el-container>
反思：
1.为什么<el-header><el-main><el-footer>容器下不能有未被<el-container>包裹的子容器，还不晓得为什么。
2.有滚动条，说明有溢出，但是父容器都没有定义高度，也就是高度被填充，竟然会溢出？！无法理解
扫一扫
6189
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
