vue - element-ui - Container 布局容器

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

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

：顶栏容器。

：侧边栏容器。

：主要区域容器。

：底栏容器。

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

 

常见页面布局

  Header
  Main



  Header
  Main
  Footer



  Aside
  Main



  Header
  
    Aside
    Main
  



  Header
  
    Aside
    
      Main
      Footer
    
  



  Aside
  
    Header
    Main
  



  Aside
  
    Header
    Main
    Footer
  

 

最常用的一种布局格式