为什么固定和绝对定位的元素被视为块格式化上下文,而不是相对定位的元素?

时间:2019-03-18 01:45:56

标签: css css-position

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

用简单的话来说,CSS概念设计人员会想到将绝对位置和固定位置的元素制作为BFC而相对的元素则不是吗?

1 个答案:

答案 0 :(得分:0)

我会说,因为position:relative不会像absolute那样改变元素的行为,而fixed会改变。使用absolutefixed设置元素时,该元素将从流中删除。就像您删除了页面的一部分以使其独立一样,因此它需要建立新的块格式上下文。

position:relative与众不同。

  

一旦按照常规流程布置了箱子或使其漂浮了,它可能会相对于该位置移动。这称为相对定位。

然后

  

相对定位的框保持其正常流量大小,包括换行符和最初为其保留的空间。 ref

基本上,position:relative将保留元素的行为,并且仅允许您在放置到常规流中后移动其位置。您需要检查其他属性,以了解该元素是否将建立BFC。

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