console 命令行工具 X clear

console

<!DOCTYPE html>
<html lang="en">
  
  <head>
    <meta charset="UTF-8" />
    <title>
      Document
    </title>
  </head>
  
  <body>
    <div class="wrapper">
      <header>
      </header>
      <nav>
      </nav>
      <section>
      </section>
    </div>
  </body>

</html>

html {
  height: 100%;
}

body{
  margin: 0;
  padding: 0;
  height: 100%;
}

.wrapper {
  height: 100%;
}

header {
  height: 50px;
  background: yellowgreen;
}

nav {
  float: left;
  width: 15%;
  background-color: blue;
  height: 100%;
}

section {
  float: right;
  width: 85%;
  background-color: purple;
  height: 100%;
}