keycsshtml,body{height:100%;}.wrapper{height:100%;}.main-container{min-height:100%;框大小：边框框；padding-bottom:40px;}footer{margin-top:-40px;}如上面代码中，主要内容区域和页脚区域必须是平行关系。将main-container设置为border-box，即元素的内边距和边框绘制在设置的高度以内，我们将min-height设置为100%，即最小高度是覆盖整个屏幕。padding-bottom在border-box盒子里，留下一个高度为40px的空白块。footer的margin-top为-40px（如果footer有设置高度，padding-bottom的值要以footer的高度为准），即main-container的最小高度为整个屏幕，因此页面内容不足。可以显示在底部。方法二页面结构这是主要内容