position - CSS: Cascading Style Sheets | MDN

Tags

Top Highlights

• The element is positioned according to the normal flow of the document.

• The element is positioned according to the normal flow of the document, and then offset relative to itself based on the values of

• and

• The offset does not affect the position of any other elements;

• the space given for the element in the page layout is the same as if position were

• The element is removed from the normal document flow, and no space is created for the element in the page layout.

• It is positioned relative to its closest positioned ancestor, if any; otherwise, it is placed relative to the initial containing block.

• Its final position is determined by the values of

• The element is removed from the normal document flow, and no space is created for the element in the page layout.

• It is positioned relative to the initial containing block established by the viewport, except when one of its ancestors has a

• or

• property set to something other than

• or the

• property is set to

• , in which case that ancestor behaves as the containing block.

• The element is positioned according to the normal flow of the document, and then offset relative to its nearest scrolling ancestor and containing block

• The offset does not affect the position of any other elements.

• relative

• It is positioned relative to the initial containing block established by the viewport

• It is positioned relative to its closest positioned ancestor