/CSS/What does clearfix for floats do in css

What does clearfix for floats do in css

/* A clearfix is a way for an element 
to clear its child elements automatically without any additional markup.
The clearfix property is generally used in float layouts where elements 
are floated to be stacked horizontally. ... The clearfix property allows
a container to wrap its floated children.
*/

.clearfix {
  overflow: auto;
}

Source: educative.io

Css clearfix for floats with display table and clear both

.group:after {
  content: "";
  display: table;
  clear: both;
}

<div class="group">
  <div class="is-floated"></div>
  <div class="is-floated"></div>
  <div class="is-floated"></div>
</div>

Source: css-tricks.com

Similar codes

4 votes112 views2 answers
Cursive css
CSS
1 vote108 views1 answer
Css auto heigh div
CSS
0 vote108 views1 answer
Mirror text css
CSS
1 vote326 views1 answer
Padding for text in html
CSS
7 votes109 views3 answers
Embed google font css
CSS
17 votes110 views2 answers
Center div vertically with flexbox
CSS
0 vote107 views1 answer
Progress bar bootstrap border
CSS
32 votes107 views2 answers
Git stop merge
CSS
0 vote239 views1 answer
Text align in materialize css
CSS Materialize
2 votes108 views1 answer
Cool hover effects css
CSS