Search code examples
htmlcssdomposition

What are the CSS properties that get elements out of the normal flow?

What are the CSS properties that get elements out of the normal flow? Such properties would be float, position:absolute etc.

This question relates to all the possible alterations of the normal flow.

Solution

  • Only the following properties affects the normal flow of any given element:

    • float: right|left
    • position: absolute|fixed

    Just for completeness:

    • display: none removes the element from the flow (strictly speaking the element will not have a flow order)

    • position: relative does not change the flow order of the element, but changes its position relative to the normal flow position.

    • visibility: hidden will maintain the element on the flow but will not render it to the viewport.