In-depth analysis of float

What is float?

Float is floating. in html, an element is moved out of a normal document stream and to the "leftmost" or "rightmost" of its parent element ". The following describes the concepts of several nouns in this definition:

• Document Stream: In html, the Document Stream is the order in which elements are arranged from top to bottom.
• Document Stream Separation: Elements are extracted from the normal sorting order.
• Leftmost/rightmost: Moving to the leftmost and rightmost of the parent element refers to moving the element to the left or to the right until it encounters the border of another floating element or parent element content area (excluding padding ).

Impact of float