利用flex布局,
<html> <body> <div class='container'> <div class='content'></div> <div class='footer'></div> </div> </body> </html>
#root { height: 100% } .container { display: -webkit-box; -webkit-box-orient: vertical; height:100%; } .content { -webkit-box-flex: 1; overflow: scroll; } .footer { height:100px; }