The characteristics of floating in CSS

After we set the label to float, there are a few features

1 float will break out of standard stream

If an element is displayed in the normal standard flow, it occupies a position in the HTML, and the following element follows it, but the float is separated from the standard stream, and after we see the floating element, we cannot judge it in the normal standard stream.

2 floating elements affect the elements below and do not affect the elements above

<! DOCTYPE html>
 


3 fluctuations affect how elements are displayed

Whether the element is an inline element or a block-level element, the set float is displayed in the same line when it is displayed in the future, unless the row is not fit to appear in the second row

After the floating element is able to set the wide height

<! DOCTYPE html>