body{margin:0;}.container{display:flex;弹性方向：列；最小高度：100vh;}.content{flex:1;/*不需要*/width:100%;高度：300px；行高：300px；文本对齐：居中；颜色：#fff；字体大小：30px；字体粗细：粗体；背景色：#71a8da；/*不需要*/}.footer{height:60px;/*不需要*/width:100%;行高：60px；文本对齐：居中；颜色：#fff；字体大小：30px；字体粗细：粗体；背景色：#f85f2f；:padding-bottom+negativemargin-topcontainerwrapper需要指定min-height为100vh(vh：窗口高度)content容器中写入内容，指定padding-bottom为footer容器的高度footer指定高度和margin-top,andmargin-top是高度的负值。查看demo请用力点击：padding-bottom+negativemargin-top实现粘性页脚content