使用flex实现一个固定在底部的footer

 要求:

实现一个footer页脚,内容不足一页时在底部显示,当内容超过一屏高度时依然在内容底部

实现要点:

  1. html要设置height为100%
  2. body要设置min-height为100%
  3. 必须直接将内容区包裹在body内,且display: flex;
  4. 给需要占满整屏的元素添加flex: 1; 



    
    
    
    Document
    


    
title
main

使用flex实现一个固定在底部的footer_第1张图片

你可能感兴趣的:(html,css)