OCT 21st-

Mooc how to layout with CSS

Concept

What does it mean to break out of a document stream in CSS?

The CSS is out of the flow of the document, that is, the elements are removed from the normal layout, and the other boxes are positioned as if the elements out of the document flow are not present.
It is important to note that when you use float to detach from the document flow, the other boxes ignore the element, but the text inside the other box will still make a position for the element, wrapping around it.
For elements that use absolute positioning to detach from the document flow, the text in other boxes and other boxes ignores it.

* Two CSS settings on the right, allowing elements to be detached from the document flow (floating (float) and absolute positioning (Position:absolute))

There are three kinds of positioning mechanism stipulated in *CSS, which are standard document flow, floating and absolute positioning respectively.

* Standard document Flow

OCT 21st-