HTML – Flow Types

Normal flow

Normal flow is the way a document will display if you had no positioning or floating applied to elements. The content will flow down the page, starting with the first element in your document and finishing with the last element in your document.

Out of normal flow

When a box is taken out of normal flow, all content that is still within normal flow will ignore it completely and not make space for it.