弹性布局（Flexbox）是 CSS3 的布局模型，通过 display: flex 激活，能简便实现元素的一维排列、对齐与自适应。支持灵活调整子元素大小、顺序，适配不同屏幕，是响应式设计的核心工具之一。
在前端开发中，flex 布局因其灵活便捷的特性，被广泛应用于各类页面布局场景。但在实际开发过程中，很多开发者会遇到一个常见问题：给 flex 子元素设置 flex-shrink: 0 后，虽然能避免子元素被压缩、实现子元素超出父元素显示，但父元素的宽度却始终固定不变，无法跟随子元素的总宽度自适应拉伸…
