当前位置: 首页 > 面试题库 >

实现一个上下固定,中间自动填满的布局

卢英范
2023-03-14
本文向大家介绍实现一个上下固定,中间自动填满的布局相关面试题,主要包含被问及实现一个上下固定,中间自动填满的布局时的应答技巧和注意事项,需要的朋友参考一下

利用flex布局,flex-direction:column 定义排列方向为竖排
header footer 定高,中间部分flex:1; 一样可以实现
需要注意的是body和container容器需要设置高度100%;

 类似资料:
  • 本文向大家介绍写一个三栏布局,两边固定,中间自适应相关面试题,主要包含被问及写一个三栏布局,两边固定,中间自适应时的应答技巧和注意事项,需要的朋友参考一下 position + margin float + margin flex

  • 我想实现一个表单与一个图像页脚,放置在视图的底部,和一个可滚动的容器,沿Y坐标。 我尝试使用边框布局:在南方位置,我把图像的页脚;在北边的位置,我放了一个可滚动的boxlayout。

  • 本文向大家介绍使用flex实现三栏布局,两边固定,中间自适应相关面试题,主要包含被问及使用flex实现三栏布局,两边固定,中间自适应时的应答技巧和注意事项,需要的朋友参考一下

  • 本文向大家介绍写一个左中右的满屏布局,左右固定220px,中间自适应并且要优先加载相关面试题,主要包含被问及写一个左中右的满屏布局,左右固定220px,中间自适应并且要优先加载时的应答技巧和注意事项,需要的朋友参考一下 用 布局,通过属性指定元素放在哪个位置

  • 本文向大家介绍写一个三栏布局,中间固定,两边自适应(平均)相关面试题,主要包含被问及写一个三栏布局,中间固定,两边自适应(平均)时的应答技巧和注意事项,需要的朋友参考一下

  • 我正在纠结于应用程序的布局。我只想用HTML&CSS来实现它,但绝望正在逼近。我需要: 固定高度、100%宽度、静态标题 固定高度、100%宽度、静态页脚 固定宽度的内容区域,居中和全部剩余高度 内容区域需要: 两列,均为全高 上面的内容相当简单,但可能需要更改以适应下一部分。 每一列都需要: 静态标头 静态页脚 页眉和页脚之间的可滚动内容区域 我花了一天的时间尝试各种方法(甚至是基于--喘息--