<html> ???<head> ???????<meta charset="utf-8" /> ???????<title></title> ???????<style> ???????????html, ???????????body { ???????????????height: 100%; ???????????????margin: 0; ???????????????padding: 0 ???????????} ???????????#dHead { ???????????????height: 100px; ???????????????line-height: 100px; ???????????????background: #690; ???????????????width: 100%; ???????????????position: absolute; ???????????????z-index: 5; ???????????????top: 0; ???????????????text-align: center; ???????????} ???????????#dBody { ???????????????background: #FC0; ???????????????width: 100%; ???????????????overflow: auto; ???????????????top: 100px; ???????????????position: absolute; ???????????????z-index: 10; ???????????????bottom: 100px; ???????????} ???????????.mycontent { ???????????????padding: 20px; ???????????} ???????????#dFoot { ???????????????height: 100px; ???????????????line-height: 100px; ???????????????background: #690; ???????????????width: 100%; ???????????????position: absolute; ???????????????z-index: 200; ???????????????bottom: 0; ???????????????text-align: center; ???????????} ???????</style> ???</head> ???<body> ???????<div id="dHead">固定头部100px;</div> ???????<div id="dBody"> ???????????<div class="mycontent"> 中间自适应部分<br> ???????????????中间自适应部分<br> ???????????????中间自适应部分<br> ???????????????中间自适应部分<br> ???????????????中间自适应部分<br> ???????????????中间自适应部分<br> ???????????????中间自适应部分<br> ???????????????中间自适应部分<br> ???????????????中间自适应部分<br> ???????????????中间自适应部分<br> ???????????????中间自适应部分<br> ???????????????中间自适应部分<br> ???????????????中间自适应部分<br> ???????????????中间自适应部分<br> ???????????????中间自适应部分<br> ???????????????中间自适应部分<br> ???????????????中间自适应部分<br> ???????????????中间自适应部分<br> ???????????????中间自适应部分<br> ???????????????中间自适应部分<br> ???????????????中间自适应部分<br> ???????????????中间自适应部分<br> ???????????????中间自适应部分<br> ???????????????中间自适应部分<br> ???????????????中间自适应部分<br> ???????????????????</div> ???????</div> ???????<div id="dFoot">固定尾部100px</div> ???</body>HTML中--定义header和footer高度中间自适应
原文地址：https://www.cnblogs.com/huanhuan55/p/10095559.html