CSS clear

Jag är trött på att en div med innehåll som har float beter sig som om den inte har något innehåll alls. Här är lösningen. Lägg till klassen "clearfix" på det sista elementet och använd följande kod. 

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

Tack http://www.positioniseverything.net/easyclearing.html