# 布局

<g-layout style="color: white;">
  <g-header style="height: 50px; background:lightskyblue;">header</g-header>
  <g-content style="height: 100px; background:deepskyblue;">content</g-content>
  <g-footer style="height: 50px; background:lightskyblue;">footer</g-footer>
</g-layout>

<g-layout style="color: white; overflow:hidden;">
  <g-header style="height: 50px; background:lightskyblue;">header</g-header>
  <g-layout>
    <g-sider style="height: 100px; background:#ddd; width:200px; color: black;">sider</g-sider>
    <g-content style="height: 100px; background:deepskyblue;">content</g-content>
  </g-layout>
  <g-footer style="height: 50px; background:lightskyblue;">footer</g-footer>
</g-layout>

<g-layout style="color: white; overflow:hidden;">
  <g-sider style=" background:#ddd; width:200px; color: black;">sider</g-sider>
  <g-layout>
    <g-header style="height: 50px; background:lightskyblue;">header</g-header>
    <g-content style="height: 100px; background:deepskyblue;">content</g-content>
    <g-footer style="height: 50px; background:lightskyblue;">footer</g-footer>
  </g-layout>
</g-layout>