会，flex-basis非auto时width完全被忽略而非覆盖；flex-direction为row时flex-basis替代width参与主轴计算，为column时则替代height，width仅作交叉轴约束。
flex-basis 会覆盖 width 吗？
会，但仅在 flex-direction: row（默认）且未显式设置 flex 简写时发生。本质不是“覆盖”，而是 flex-basis 参与主轴尺寸计算，而 width 在主轴为 row 时被忽略——浏览器按 flex 布局规范跳过它。
验证方式：给一个 display: flex 容器内的子元素同时设 width: 200px 和 flex-basis: 100px，实际主轴尺寸是 100px（非 200px），width 不生效。
flex: 1 和 flex-basis: 0% 的行为差异
flex: 1 是 flex-grow: 1; flex-shrink: 1; flex-basis: 0% 的简写，关键在 flex-basis: 0% —— 这会让元素初始主轴尺寸为 0，然后按剩余空间等比分配。而单独写 flex-basis: 100px 或 flex-basis: auto，则以该值为基准再伸缩。
-
flex-basis: auto→ 尊重width或height（取决于主轴方向） -
flex-basis: 0%→ 忽略width/height，从 0 开始分配 -
flex-basis: 0px与0%效果一致（都归零），但0%更符合规范语义
column 方向下 width 和 flex-basis 谁管用？
当 flex-direction: column 时，主轴变为垂直方向，此时 height 对应主轴尺寸，width 变成交叉轴尺寸。所以：
立即学习“前端免费学习笔记（深入）”；
-
flex-basis控制的是height（而非width） -
width仍有效，但它只影响交叉轴（即元素水平宽度），不参与 flex 分配逻辑 - 若想让
width在 column 下也被 flex 逻辑接管，得改用flex-basis+align-self或外层嵌套
常见错误：flex-basis 设成 auto 却期望它被忽略
flex-basis: auto 并不是“无效值”，它会回退到 width（row）或 height（column）的计算值——包括 auto、fit-content 或内容撑开的尺寸。很多人误以为设了 auto 就等于没设，结果发现元素尺寸忽大忽小。
典型表现：
- 文字换行导致
width: auto计算出不同最小宽度 - 图片未设
max-width，flex-basis: auto拿到原始宽，撑爆容器 - 解决方法：明确写死
flex-basis: 0px或使用min-width: 0/min-height: 0阻断内容尺寸干扰
真正容易被忽略的是 flex-basis 的计算时机：它在 layout 阶段早期就确定了基准尺寸，之后的 width 修改（比如 JS 动态改 style）不会触发重新解析 flex 基准——除非整个 flex 容器重排。所以调试时看到 width 改了但布局没变，先查 flex-basis 是否锁死了主轴起点。
