SOURCE

console 命令行工具 X clear 

                    

                        
>

                        
                    

                

            

            
console

            
<div class="wrapper">
 
  <p>
    123
  </p>
  <p>
    555
  </p>
  <p>
    123
  </p>
  <p>
    555
  </p>
  <p>
    123
  </p>
  <p>
    555
  </p>
  <p>
    123
  </p>
  <p>
    555
  </p>
  <div class="push">
  </div>
</div>
<footer class="footer">
  x
</footer>

            
html,
body {
  height: 100%;
  margin: 0;
}

.wrapper {
  min-height: 100%;
  /* 等于footer的高度 */
  margin-bottom: -50px;
}

.footer,
.push {
  height: 50px;
}