Clear with empty
tags.clr {clear: both;}
Left
Right
uses overflow attribute
#layout {overflow:auto; zoom:1;}
Left
Right
uses:after (non-IE browser)
#layout:after{
display: block;
clear: both; content: '';
visibility:hidden; height: 0;
}
Left
Right
Note: There are a few points to note when using :after. Set the height to zero (height: 0;); content is required, but its value can be empty.