偶然看到很久以前做的笔记,当时实现顶部和侧边栏固定,右侧主体内容区域可滚动这个需求写了好多css,又是相对定位,又是绝对定位,时隔半年后再看,完全没有必要这么麻烦。
一行 height: calc(100vh - 90px); 结束战斗
<template>
<el-container>
<el-header height="90px">
</el-header>
<el-container class="content">
<el-aside width="90px">
</el-aside>
<el-main>
<router-view></router-view>
</el-main>
</el-container>
</el-container>
</template>
<script>
export default {
};
</script>
<style>
.el-header {
background: skyblue;
}
.el-aside {
background: #ff9569;
}
.content {
height: calc(100vh - 90px);
}
</style>