移动端常用布局1-头部、底部固定，内容滚动

移动端常用布局

• 头部、底部固定，内容滚动。效果如下图：
• 实现原理：
  • 头部、内容、底部为同一层级，头部、底部子级元素添加固定定位fixed
  • 给一个空标签设置高度，解决fixed定位后导航栏遮盖内容的问题或者给父级标签设置高度

clipboard.png

  
  
  
  
  


  

    
    
头部
    
    

  
  

    
Content-start
    
Content
    
Content
    
Content
    
Content
    
Content
    
Content
    
Content
    
Content
    
Content
    
Content
    
Content
    
Content
    
Content
    
Content
    
Content
    
Content
    
Content
    
Content
    
Content
    
Content
    
Content
    
Content
    
Content
    
Content-end
  
  

    

      
首页
      
分类
      
我的