Preliminary understanding of float

float float

Three values ：
none The default value is . Element does not float , And it will show where it appears in the text .
left Element floating to the left
right The element floats to the right
inherit Rules should be inherited from the parent element float The value of the property .

characteristic ：
Detach from standard document flow , Get rid of the restrictions of block level elements and inline elements .
Auto attach , When it exceeds the travel width , The next sibling element automatically finds a gap to paste . When the height of the floating element exceeds the height of the previous element of the floating element , To automatically wrap .
Detach from standard document flow , But not out of the text stream . Encounter the text will appear surrounded effect , It's called word surround effect .
Contraction effect , If the parent element does not have a height set , The parent element will become content width and height , If there is no content , The parent element disappears .

Remove the floating ：

The disadvantages of floating ：
If the height of the parent element is not set , The parent element collapses high , The parent element disappears
Lead to unstable page structure