块级元素不设width时自动撑满父容器是CSS规范强制的计算规则，而非模糊默认行为；其宽度由包含块content box宽度减去margin、border、padding得出，与内容是否为空无关。
块级元素不设 width 时自动撑满父容器，不是“默认行为”的模糊说法，而是 CSS 规范强制的 width 计算规则：当 display: block 且 width 为 auto 时，浏览器必须将其宽度设为包含块的 content box 宽度（减去左右 margin、border、padding）。
为什么空 <div></div> 也有整行宽度
这不是渲染异常，是 display: block 的盒模型规则直接生效的结果。即使内容为空，它的盒依然参与块格式化上下文（BFC），宽度计算不受内容影响。
- 给空
<div>加background-color，看到铺满整行 —— 正常，不是 bug - 用
height: 0或没内容时高度塌陷，但宽度照常占满 —— 宽高计算逻辑彼此独立 - 若想让空块“不占位”，得改
display（如none）或用visibility: hidden，而不是指望它自动收缩
max-width 不等于“限制默认宽度”，它只设上限
max-width 并不改变 display: block 的流体本质，只是在 width 计算结果超过该值时做截断。小屏下它可能完全不生效。
- 父容器宽 400px，
max-width: 600px→ 实际宽度仍是 400px - 父容器宽 1200px，
max-width: 600px→ 实际宽度变成 600px -
max-width: 100%单独写，多数场景无约束力：它等价于“不超过父容器宽度”，而块级元素本就如此 - 常见误配：
width: 100%; max-width: 600px—— 其实可以简化为max-width: 600px，因为未设width时已默认 100%
margin: auto 水平居中为什么依赖“默认撑满”
它起作用的前提是：元素有确定的宽度（来自 width、max-width 或固有尺寸），且左右 margin 同为 auto。此时浏览器把“父容器宽度 − 元素自身宽度”均分给左右外边距。
立即学习“前端免费学习笔记（深入）”；
- 没设
width或max-width时，margin: auto等效于margin: 0—— 因为没有“剩余空间”可分 -
display: inline或inline-block上用margin: auto无效，因它们不满足“默认占满”这一基础条件 - 真正可靠的居中组合是：
display: block+max-width: 800px+margin: 0 auto
最容易被忽略的是：这个“撑满”不是视觉错觉，也不是内容撑出来的；它是布局阶段就确定的盒尺寸，会影响后续所有计算——比如浮动兄弟元素的环绕方式、BFC 边界判定、甚至 overflow 的触发条件。一旦你手动设了 width，就等于主动关闭了这个流体特性，后续行为就得全靠自己兜底。
