html如何实现上中下布局(上下固定中间自适应)

1、首先我们打开html编辑器，新建3个盒子，高度都是200px,代码如下

2、然后我们通过定位固定头尾盒子,代码如下

3、显示的效果如下

4、然后中间盒子设置样式

position: absolute;top: 200px;bottom: 200px;height: auto;

代码如下，

5、最后显示效果如下