在 SAP Spartacus 的scss文件實現里，能觀察到很多position property具有不同的值：absolute 或者 relative:

position屬性的初始值為static.

首先需要了解css里的三種positioning scheme.

In CSS 2.1, a box may be laid out according to three positioning schemes.

Normal flow : In CSS 2.1, normal flow includes block formatting of block-level boxes, inline formatting of inline-level boxes, and relative positioning of block-level and inline-level boxes.

Floats : In the float model, a box is first laid out according to the normal flow, then taken out of the flow and shifted to the left or right as far as possible. Content may flow along the side of a float.

Absolute positioning : In the absolute positioning model, a box is removed from the normal flow entirely (it has no impact on later siblings) and assigned a position with respect to a containing block.

normal flow

Boxes in the normal flow belong to a formatting context, which may be block or inline, but not both simultaneously. Block-level boxes participate in a block formatting context. Inline-level boxes participate in an inline formatting context.

normal flow里的boxes屬于某一種格式化上下文，block或者inline僅居其一，但是不能同時屬于二者。

更多Jerry的原創文章，盡在：“汪子熙”:

總結

以上是生活随笔為你收集整理的css里的positioning scheme, 即position property的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。