css布局之上下两行布局(上面固定高度，下面自适应)
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了css布局之上下两行布局(上面固定高度，下面自适应)相关的知识，希望对你有一定的参考价值。
参考技术A 方法一： 利用position绝对定位+BFChtml:
css:
方法二：flex布局
html:
css:
上下高度固定中间自适应的布局方式
（1）：定位
子盒子用绝对定位（千万别给父盒子加相对定位）
（2）flex布局
（3）使用grid网格布局:
（4）使用table布局，一定要套一个空div，要不然整个页面都是空白的
以上是关于css布局之上下两行布局(上面固定高度，下面自适应)的主要内容，如果未能解决你的问题，请参考以下文章