Additional link in content is not on reference screenshot!
UserAgent
/* full clearfix */
/* add to floating elements which shall clear floating after themselves */
* html .clearfix {
height: 1%; /* IE5-6 */
}
*+html .clearfix {
display: inline-block; /* IE7not8 */
}
.clearfix:after { /* FF, IE8, O, S, etc. */
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
Works in and tested with:
FF3.6, 3.5, 3, 2.0.0.16, 1.5, Camino
IE9PR3, 8, 7, 6, 5.5, 5.01, IE5Mac
Opera 9.51, 9.27, 8.5
Chrome 5
Safari 3.1.1 (PC, should work on Mac too)
.simpleclearfix {
o\verflow: auto;
}
* html .simpleclearfix {
height: 1%; /* IE5-6 */
}
Works in and tested with:
FF3.5, 3.6, 3, 2.0.0.16
IE9PR3, IE8, 7, 6, 5.5
Opera 9.51, 9.27
Chrome 5
Safari 3.1.1 (PC, should work on Mac too)