Clearfix

.clearfix {
  overflow: auto;
}

Source: learnlayout.com

Clearfix

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

Source: nicolasgallagher.com

Similar codes

19 votes157 views4 answers
Add blur background css
CSS
0 vote168 views1 answer
Make element no styles
CSS
45 votes194 views3 answers
Collapse all code vscode
CSS
10 votes147 views2 answers
Line-height css
CSS
2 votes157 views1 answer
Why do we need hexadecimal number system
CSS
30 votes196 views6 answers
Linear gradient in CSS
CSS
103 votes162 views2 answers
What are the types of positioning in css
CSS
0 vote152 views1 answer
How to get 2 words one left aligh and right align in css
CSS
0 vote139 views1 answer
Soup css selector
CSS
0 vote157 views1 answer
Black filter css
CSS