html - 为什么固定div不遵守应用于body标签的最小宽度？

Question

布局：我有一个固定在右上角的 div，宽度为 100%，高度为 50px。（这是我的固定标题）在固定 div 里面我有另一个 div 有一个位置：relative。（带有 position: relative 的 div 用于居中目的）。在具有位置的 div 内部：相对，我有几个图标。

我给了我的身体标签一个 400 像素的最小宽度。当视口小于 400px 时，min-width: 400px 触发并在页面上除固定 div 之外的所有内容上按预期工作。

固定 div 中的图标开始相互推挤，看起来非常凌乱。在这种情况下，最小宽度 400px 不起作用，但为什么呢？

这个固定的 div 在我的 body 标签内，那么为什么应用到我的 body 标签的 min-width 400px 不能在这个固定的标题上工作，而它在其他任何地方都可以工作？

请解释一下它不正常运行的原因是什么？

标签： htmlcsspositionwidthfixed