element框架el-aside高度100%显示

最新推荐文章于 2024-04-20 13:26:30 发布

上官孜然

最新推荐文章于 2024-04-20 13:26:30 发布

阅读量8.6k

点赞数 1

分类专栏： element-ui 文章标签： css elementui vue

本文链接：https://blog.csdn.net/Lynn_yu/article/details/115910682

版权

element-ui 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

vue 配合element

HTML

<body>
    <div id="app">
        <div class="box">
            <el-container>
                <el-header>Header</el-header>
                <el-container>
                    <el-aside width="200px">Aside</el-aside>
                    <el-main>Main</el-main>
                </el-container>
            </el-container>
        </div>
    </div>
</body>

CSS样式

        html,
        body {
            margin: 0;
            padding: 0;
            height: 100%;
        }
        #app,.box{
            height: 100%;
        }
         .el-container {
            height: 100%;
        }