学无先后,达者为师

网站首页 前端文档 正文

element的container布局铺满

作者:Timindream 更新时间: 2022-01-07 前端文档

element的container布局默认不铺满全屏,需要添加样式。

<template>
  <el-container>
      <el-header>Header</el-header>
      <el-container>
        <el-aside style="width: 200px">Aside</el-aside>
        <el-main >Main</el-main>
      </el-container>
    </el-container>
</template>

需要添加样式:

.el-container{
  weight:100%;
  height: 100%;
}

APP.vue中在#app中添加:

#app {
  ...
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

完成后布局会铺满。

原文链接:https://blog.csdn.net/Gksix/article/details/122099106

栏目分类
最近更新