Fixing float issues

by Lucas Krause

HTML

<div class=a><div class=b></div><div class=c></div></div>

CSS

.a {
    background:#eee;
}
.a > div {
    float:left;
    width:100px;
}
.b {
    background:tomato;
    height:60px;
}
.c {
    background:royalblue;
    height:100px;
}

/**/
.a::after {
    content:"";
    clear:both;
    display:block;
}
/** /
.a {
    overflow:hidden;
}
/** /
.a {
    float:left;
    width:100%;
}
/**/