/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

42 votes160 views5 answers
Css center everything
CSS
0 vote172 views1 answer
Download styles.css
CSS
1 vote188 views1 answer
Bot page description background selector top.gg
CSS
0 vote209 views1 answer
How to truncate a multiline text using css
CSS
2 votes163 views2 answers
Opacity animation css
CSS
0 vote160 views1 answer
Animations
CSS
0 vote230 views2 answers
Bootstrap 4 scss angular 8
CSS Bootstrap
0 vote223 views1 answer
Sticky footer bootstrap 3
CSS Bootstrap
1 vote171 views1 answer
Sf pro font html
CSS
0 vote166 views1 answer
Carbon yesterday date
CSS