@charset "utf-8";
/* CSS Document */
html,body{
    height: 100%;
}
#container{
    /*保证footer是相对于container位置绝对定位*/
    position:relative;  
    width:100%;
    min-height:100%; 
    /*设置padding-bottom值大于等于footer的height值，以保证main的内容能够全部显示出来而不被footer遮盖；*/  
    padding-bottom: 100px;  
    box-sizing: border-box;
}
footer{
	width: 100%;
	height:30px;   /* footer的高度一定要是固定值*/
	position:absolute;
	bottom:-2px;
	left:4px;

}
 ———————————————— 
版权声明：本文为CSDN博主「NINE-NINE」的原创文章，遵循CC 4.0 by-sa版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/m0_38099607/article/details/71598423