给你一个固定宽度为500px的div，怎么让这个div的宽度和高度一直保持一致？也就是当改变高度时，让它的宽度也相应改变。（padding-bottom:100%;）
考察说明
考察CSS比例盒模型、百分比padding的基准和响应式自适应的理解
回答思路
- 准确解释百分比padding相对父元素宽度计算的机制
- 说明padding-bottom:100%如何让元素高度等于自身宽度
- 覆盖不同宽度下保持1:1比例的响应式适配方法
- 阐述占位、伪元素或绝对定位等常见实现方式
- 明确该技术的适用边界与替代方案
本题已收录答题指导
本题附完整参考答案与评分标准
登录后可查看结构化答题指导；也可以直接开一场模拟面试，AI 面试官用本题实时追问并给出评分。