console 命令行工具 X clear

console

<body>
  <div class="home-wrapper">
    <div class="home-content">
      <div class="header">
        <div class="header-content"></div>
      </div>
      <div class="body">
        <div class="body-content">
          <h1>Recrucard招聘管理系统</h1>
        </div>
      </div>
      <div class="footer">
        <div class="footer-content">
        </div>
      </div>
    </div>
  </div>
</body>

body {
  padding: 0;
  margin: 0;
  background: white;
}

.home-wrapper{
  width:100%;
    height:100%;
  overflow:hidden;
}

.home-content{
  display: flex;
  flex-flow: column nowrap;
}

.header {
  flex: 0 0 186px;
  height: 186px;
  background: coral;
}

.body{
  flex: 1 1 auto;
}

.body-content{
  width:800px;
  margin:0 auto;
  display: flex;
  justify-content:center;
  align-items:center;
}

.footer {
  flex: 0 0 156px;
  height: 156px;
  backgound: #ccc;
}