1. The floating box can be moved left or right until its outer edge touches the border of the containing box or another floating box.
out of regular flow , because the float box is not in the normal flow of the document, the Block box in the normal flow of the document behaves as if the floating box does not exist.
2, a few pictures illustrate the common phenomenon of floating:
Almost so many, now know the text around the principle of the picture? The second-to-last graph is the best description, floating elements out of the regular flow, so that the following elements and themselves overlap, but the contents of the subsequent elements will be from the left side of the floating element!!!!!! This is the uniqueness of the floating element, and it is also an important difference from absolute positioning (also out of regular flow).
(Note: Float will not be applied when absolute positioning and display are none.) )
Float is not valid on an absolutely positioned element, but can be used with relative elements, the effect is relative, floating first, and then relatively positioned (so the position after the float will be occupied)
Floating property on CSS float root planing solution cow