---
title: Layout-布局容器
sidebarDepth: 2
---
# 布局容器


## 使用方法
用于布局的容器组件，可以让你快速搭建页面的基本结构:</br>
&lt;k-layout&gt;外层容器。</br>
&lt;k-header&gt;顶栏容器。</br>
&lt;k-sider&gt;侧边栏容器。</br>
&lt;k-content&gt;主要区域容器。</br>
&lt;k-footer&gt;底栏容器。</br>
::: tip
以上组件采用了 flex 布局，使用前请确定目标浏览器是否兼容。
:::

<ClientOnly><layout-demo> </layout-demo></ClientOnly>