上中下三栏响应式布局

<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  </head>
  <body>
    <div class="hui-layout-page">
      <header class="hui-layout-header">
        <div class="hui-layout-maxWidth">
          <div class="hui-layout-padding">
            头部
          </div>
        </div>
      </header>
      
      <main class="hui-layout-content">
        <div class="hui-layout-maxWidth">
          <div class="hui-layout-padding">
            内容
          </div>
        </div>
      </main>
      
      <footer class="hui-layout-footer">