CSS (iv)

6. Float float

Left

Right

Set float out of normal document flow

Floating elements become block-level elements if not set width will be as narrow as possible

If you use float please calculate your element accurately if not accurate will have the disadvantage!

7. Clear Remove Floating

Left

Right

Both just use it.

is to get you out of the document stream content (float) back into the document

Recommended: Remember to clear the float every time you see a float

Third, the layout

Floating layouts

Three-column floating layout

Two-column floating layout

Reference: https://www.w3cschool.cn/css/

CSS (iv)