html结构
<pre>
<div class="container">
//主要内容写在这里
<div class="inner-footer"></div> //这里不写任何内容
</div>
<div class="footer">这里是footer部分</div>
</pre>
css结构
<pre>

• {
  margin: 0;
  padding: 0
  }
  html, body {
  height: 100%;
  }
  .container {
  clear: both;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin-bottom: -54px;
  }
  .container .inner-footer {
  height: 54px;
  }
  .footer {
  clear: both;
  position: relative;
  height: 54px;
  text-align: center;
  }
  </pre>