互联网/IT行业面试题更新 2026-08-05

怎么实现类似微信一样上下固定中间滚动的布局,说出具体的标签、属性?

星环科技前端/移动开发互联网/IT编码实现技术原理CSS

考察说明

考察移动端或Web端固定区域加滚动区域的布局实现能力

回答思路

  1. 指出整体使用flex布局,上下固定、中间flex:1并overflow:auto
  2. 说明中间区域需要设置overflow-y:auto或overflow:scroll实现滚动
  3. 能解释为何content需要flex:1且高度继承父容器
  4. 能处理移动端滚动回弹或App内部WebView的兼容性细节
本题已收录答题指导

本题附完整参考答案与评分标准

登录后可查看结构化答题指导;也可以直接开一场模拟面试,AI 面试官用本题实时追问并给出评分。