element ui-Container 布局容器（一）介绍

xyc

      前几篇文章说到了layout布局的实现，下面继续来说下element的Container 布局容器，今天来介绍下布局容器的搭建标签。
      <el-container>：外层容器。当子元素中包含 <el-header> 或 <el-footer> 时，全部子元素会垂直上下排列，否则会水平左右排列。
      <el-header>：顶栏容器。

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

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

      <el-footer>：底栏容器。


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