布局

by 苹果熊

HTML

<header>
  <h1>head</h1>
</header>
<main>
  <p>content</p>
</main>
<footer>
  foot
</footer>

CSS

body {
  display: flex;
  flex-flow: column;
  min-height: 100vh;
}
header, footer {
  background: #390;
  padding: 1em;
  color: #fff;
}
main {
  flex: 1;
  padding: 1em;
}