网上见的最多的方案便是在app.vue里面添加样式：
html,body,#app{
height:100%
}
然后再给.el-container和.el-aside设置样式:
.el-container,.el-aside{
height:100%
}
毫无意外，一点效果都没有。
解决方案：
设置.el-menu的高度为100vh即可解决。
<style lang="less" scoped>
.el-menu{
height:100vh
}
</style>
效果展示，侧边栏高度已完全撑开，占据全屏：
网上见的最多的方案便是在app.vue里面添加样式： 然后再给.el-container和.el-aside设置样...
一、典型的布局（左右两边固定，中间区块是自适应的）两栏布局：头部、尾部、中间部分有左三栏布局：左侧边栏有侧边栏中间...
先说结论flex：1即为flex-grow：1，经常用作自适应布局，将父容器的display：flex，侧边栏大小...
【解决需求】解决高度布局中部分高度固定，部分高度自适应的问题 【实际情况中的应用】网站顶部导航栏(以及底部栏)固定...
设置系统UI参数和修改Toolbar 获取状态栏高度 布局：
假设高度已知，请写出三栏布局，左栏、右栏宽度100rpx，中间宽度自适应。 间隔10rpx 浮动布局 浮动布局的优...
一般情况下，不应该设置容器高度，容器的高度应该默认由内容决定。设置容器高度，在一开始布局的时候很容易，但是一旦有U...
3、双飞翼布局和圣杯布局的区别 圣杯布局和双飞翼布局解决问题的方案在前一半是相同的，即： 中间栏宽度设置为100%...
在网页开发中通常希望容器的高度自适应(不设置高度)，让子元素把容器的高度撑开，当子元素设置浮动后容器的高度撑不开了...
在使用时要设置外层容器高度。并且要设置el-scrollbar 的高度为100% .el-s...
本文标题：解决ElementUI使用了布局容器后，侧边栏高度设置100%却
本文链接：https://www.haomeiwen.com/subject/xlpkyrtx.html
网友评论