Css do not forget to clear floating clear: both _ experience exchange

Summarize the general solution to clear the float, and pay attention to it when making webpages. Clear with empty tag
. Clr {clear: both ;}

Left

Right

Use overflow attributes
# Layout {overflow: auto; zoom: 1 ;}

Left

Right

Use: after (non-IE browser)
# Layout: after {
Display: block;
Clear: both; content :"";
Visibility: hidden; height: 0;
}

Left

Right

Note: When Using after, pay attention to the following points: Set the height to zero (height: 0;); content is required, but its value can be blank.