腾讯面试题更新 2026-08-05

如何用CSS实现宽度随内容自适应且最大不超过父容器80%的布局?

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

考察说明

考察CSS盒模型、宽度自适应与最大宽度约束的综合运用

回答思路

  1. 说明使用inline-block或fit-content实现宽度随内容自适应
  2. 设置max-width:80%限制最大宽度
  3. 考虑父容器宽度参考与百分比基数
  4. 讨论换行和溢出处理的边界情况
本题已收录答题指导

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

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