粘连布局 sticky Footer

粘连布局,又称为stick footer布局
如果页面内容不够长的时候,页脚块粘贴在视窗底部;如果内容足够长时,页脚块会被内容向下推送。


image.png

image.png

总结

  1. footer必须是一个独立的结构,与wrap没有任何嵌套关系
  2. footer要使用margin为负来确定自己的位置
  3. wrap区域必须要被自己的子元素撑开
  4. 如果真的想在wrap区域外添加其他结构,这个结构必须定位

实现代码



    
        
        
        
        
    
    
        
n
n

你可能感兴趣的:(粘连布局 sticky Footer)