css经典布局之stick footer布局

css经典布局之stick footer布局_第1张图片
image.png

容器使用负的margin bottom



    
        
        让footer固定在页面顶部
        
    

    
        

你可以通过调整浏览器大小,查看footer的表现

我是占位的

我是占位的

我是占位的

我是占位的

我是占位的

我是占位的

我是占位的

我是占位的

我是占位的

我是占位的

我是占位的

我是占位的

我是占位的

我是占位的

我是占位的

我是占位的

我是占位的

我是占位的

我是占位的

我是占位的

我是占位的

我是占位的

我是占位的

我是占位的

底部使用负的margin bottom



    
        
        让footer固定在页面顶部
        
    

   
  

我是占位的

我是占位的

我是占位的

我是占位的

我是占位的

我是占位的

我是占位的

我是占位的

我是占位的

我是占位的

我是占位的

我是占位的

我是占位的

我是占位的

我是占位的

我是占位的

我是占位的

我是占位的

我是占位的

我是占位的

我是占位的

我是占位的

我是占位的

我是占位的

转载自:https://w3ctrain.com/2016/06/24/stick-footer/

你可能感兴趣的:(css经典布局之stick footer布局)