Floating cleanup in CSS

Let's take a look at an experiment: There are now two Div's, and theDiv doesn't have any attributes. There are Liin each div, and the Li is floating.

The ideal effect: the actual effect:

This place is related to floating, because the two parent element Div has no height (or less than the height of the child element), so cannot give the floating child a container, so the back of Li also desperately to the top of the last Li near.

Clear float is to add a height greater than or equal to the height of the child element to the parent element.

1. Clear float: Give the parent element a height so that its child elements float in the parent element. as long as it floats in a box with height, the float will not affect the trailing elements.

2.

Floating cleanup in CSS