为何设置position: fixed的<body>下的块级元素无法占满100%宽度？

底层原理基于两条CSS核心规范的定义： #

1. 块级元素width: auto的默认计算规则
   未显式设置宽度的正常流块级元素，width: auto会自动撑满父元素的内容区宽度，这就是你认知里「块级元素默认占满父元素宽度」的来源。
2. 绝对/固定定位元素的宽度收缩规则
   当元素的position设为fixed或absolute且未显式定义width、left、right属性时，width: auto的计算逻辑会切换为收缩适配（shrink-to-fit）：宽度会自动收缩到恰好能包裹内部内容的最小宽度，不会主动撑满包含块。

对应两个场景的逻辑拆解： #

1. static定位body场景

默认定位的body属于正常流元素，它的包含块是浏览器视口，所以body的width: auto会默认撑满整个视口宽度。子div作为正常流块级元素，宽度自动撑满父元素body的内容区，所以看起来是铺满整个视口的。

2. fixed定位body场景

body设置position: fixed后变为固定定位元素，在你没有额外定义宽度、左右偏移值的前提下，body的宽度会收缩到刚好包裹内部内容（也就是示例里的Test文本）的宽度。子div的规则没有变，依然是撑满父元素body的内容区，只是此时父元素body本身的宽度已经远小于视口宽度，所以视觉上就呈现出div没有横向铺满的效果。

内容的提问来源于stack exchange，提问作者irga