Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Modern clearfix
/* (taken from bootstrap github conversation) */
/* Utility classes */
/* Clearfix */
/* Clearfix for modern browsers */
.cf:before,
.cf:after {
content: "";
display: table;
}
.cf:after {
clear: both;
}
/* Clear fix for IE 6/7 (trigger has layout) */
.cf {
zoom: 1;
}
/* Not clearfix, but extremely useful */
.hidden {
display: none;
}
.fl { float: left;}
.fr { float: right; }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.