用途：Element Plus 提供的一组容器组件，用于搭建页面的基础结构，适用于创建页面布局、实现 header/footer/aside/main 分区、搭建后台管理面板布局、响应式布局及嵌套容器布局。
主要组件：Container（el-container）为外层容器，当内部嵌套 el-header 或 el-footer 时子元素纵向排列，否则横向排列；Header（el-header）用于头部；Aside（el-aside）用于侧边栏（通常为侧边导航）；Main（el-main）用于主区域；Footer（el-footer）用于底部。
主要能力：基于 CSS Flexbox 布局；方向根据子元素自动判断；支持多层级嵌套；可配置头部高度与侧边栏宽度；支持响应式设计。各组件提供默认插槽自定义内容。
属性：Container 的 direction 可取 'horizontal' 或 'vertical'，默认在嵌套 el-header/el-footer 时为 vertical，否则为 horizontal。Header 与 Footer 的 height 默认 60px；Aside 的 width 默认 300px。
使用方式：通过 Vue 模板组合使用，例如 <el-container> 内放置 <el-header> 与 <el-main>；侧边栏场景使用 <el-aside width="200px"> 与 <el-main> 搭配；复杂布局可嵌套多个 el-container 实现 Header + Aside + Main + Footer。后台面板常设置 style="height: 100vh" 并配合 el-menu、el-dropdown、el-avatar 等组件。项目中需引入 Element Plus 组件及对应图标包。
常见问题：容器未占满屏幕时需设置高度，如 style="height: 100vh"；侧边栏宽度不生效时使用 width 属性，如 width="250px"；内容溢出时添加溢出样式，如 style="overflow: auto"。
最佳实践：采用 header-main-footer 的语义结构；整页布局务必设置容器高度；响应式布局使用 CSS 媒体查询；复杂布局使用嵌套容器；侧边栏可结合 Menu 组件做导航。
限制：资料未提供具体收费、价格、平台支持范围等信息。