ElementUI的Container 布局容器使用心得

Container 布局容器
用于布局的容器组件，方便快速搭建页面的基本结构：

<el-container>：外层容器。当子元素中包含 <el-header> 或 <el-footer> 时，全部子元素会垂直上下排列，否则会水平左右排列。

<el-header>：顶栏容器。

<el-aside>：侧边栏容器。

<el-main>：主要区域容器。

<el-footer>：底栏容器。

以上组件采用了 flex 布局，使用前请确定目标浏览器是否兼容。此外，
的子元素只能是后四者，后四者的父元素也只能是 。

常见使用情况

头部固定，中间内容滚动

示例代码：

<el-container>
  <el-header>Header</el-header>
  <el-main>Main</el-main>
</el-container>

<style>
    .el-container {
   	 	/*height: 100%; 可以固定头部*/
  		/*height: auto; 头部会跟随滚动*/
    	height: 100%;
	}
</style>