CSS Position

Static

Static positioning is the default positioning behavior where elements are put into their normal position in the document layout flow. CSS positioning is often easier to learn through examples, so let us take a look at the example below and compare it to the other positioning types as we go through them.

Code and Preview

Description

Go through the CSS code and the HTML structure and scroll up and down the preview frame. Notice how the explicitly positioned static element behaves exactly the same as the rest of the paragraphs.

Editor
Preview