上下固定中间自适应布局

实现上下固定中间自适应布局

上下固定中间自适应布局_第1张图片

1.通过position:absolute实现

定义如下结构

style实现如下:

2.通过flex布局实现,父布局高度100%,display:flex;flex-direction: column;设置纵向排列,中间设置flex:1;具体实现如下:

你可能感兴趣的:(前端,javascript,html)