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

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%;
        }
版权声明：本文为Lynn_yu原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。