clear fix solution

by niki4810

HTML

<div class="parent group">
    <div class="myLabel group">
        <div class="myContainer"></div>
        <div class="myContainer"></div>
    </div>
    <div class="myLabel"></div>
</div>

CSS

div {
    border : 1px solid #000; 
    margin : 2px;   
}
.parent{
 background-color:#f5f5f5;
}
.myLabel {
    /*width : 200px;*/
    /*height: 200px;*/
    float :left;
    background-color: red;
}
.myContainer {
    width : 200px;
    height: 200px;
    float :left;
    background-color: blue;
}
.group:before, .group:after {
    content:"";
    display: table;
}
.group:after {
    clear: both;
}
.group {
    zoom: 1;
    /* For IE 6/7 (trigger hasLayout) */
}