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