两种方式实现footer固定在页面最下方布局

第一种方式设置html、body高度100%，footer相对body定位：

   
   
   


   

   

   

        footer
   

第二种方式用flex布局：

   
   
   


   

   

 content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content

    content

   

 

   完整兼容性：ios 4+、android 2.3+、winphone8+：

   
   
   

我想要它固定顶部

   

     

高度自动适应

     

高度自动适应

     

高度自动适应

     

高度自动适应

     

高度自动适应

     

高度自动适应

     

高度自动适应

     

高度自动适应

     

高度自动适应

     

高度自动适应

     

高度自动适应

     

高度自动适应

     

高度自动适应

     

高度自动适应

     

高度自动适应

     

高度自动适应

     

高度自动适应

     

高度自动适应

     

高度自动适应

     

高度自动适应

     

高度自动适应

     

高度自动适应

     

高度自动适应

     

高度自动适应

     

高度自动适应

     

高度自动适应

     

高度自动适应

     

高度自动适应

     

高度自动适应

   

   

我想要它固定底部