The document flow refers to the position of the element in the document determined by the position of the element in the html. The block-level element occupies a single line and is arranged from top to bottom; the inline elements are arranged
from left to right and are separated from the document flow:
- Float, by setting the float property
- Absolute positioning, by setting position:absolute
- Fixed positioning, by setting position:fixed