css - 为什么固定和绝对定位的元素被认为是 block 格式化上下文，而不是相对定位的元素？

Question

为什么固定和绝对定位的元素被认为是 block 格式化上下文，而不是相对定位的元素？

简而言之，CSS 概念设计者的想法是什么让绝对和固定定位元素成为 BFC 而相对元素不是？

Answer 1

我会说是因为 position:relative 不会像 absolute 和 fixed 那样改变元素的行为。当使用 absolute 和 fixed 设置元素时，它将从流中移除。这就像您删除了页面的一个片段以使其独立，因此它需要建立一个新的 block 格式化上下文。

position:relative 是不同的。

Once a box has been laid out according to the normal flow or floated, it may be shifted relative to this position. This is called relative positioning.

然后

A relatively positioned box keeps its normal flow size, including line breaks and the space originally reserved for it.^ref

基本上，position:relative 将保持元素的行为，并允许您在将其放置在正常流中后移动其位置。您需要检查其他属性以确定该元素是否会建立 BFC。

您可能还注意到 positon:relative 适用于内联元素，内联元素不应建立 BFC。