clear float after

by fangunxs

HTML

<div id="mention">
    <div id="left"></div>
    <div id="right"></div>
</div>

CSS

#mention {
    background-color : yellow;
    padding : 15px;
}
#left {
    float : left;
    width : 48%;
    height : 500px;
    background-color : red;
}
#right {
    float : right;
    width : 48%;
    height : 500px;
    background-color : blue;
}
#mention:after {
    content:"";
    display: table;
    clear: both;
}