Additional link in content is not on reference screenshot!
UserAgent
/* full clearfix */
/* add to floating elements which should not float afterthem */
* 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;
}
* html .clearfix {
height: 1%; /* IE5-6 */
}
.clearfix {
display: inline-block; /* IE7xhtml*/
}
html[xmlns] .clearfix { /* O */
display: block;
}
.clearfix:after { /* FF, O, etc. */
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
Works in and tested with:
FF3, 2.0.0.16, 1.5, Camino
IE8, 7, 6, 5.5, 5.01, IE5Mac
Opera 9.51, 9.27, 8.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, 2.0.0.16
IE8, 7, 6, 5.5
Opera 9.51, 9.27
Safari 3.1.1 (PC, should work on Mac too)