/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

1 vote197 views1 answer
How to prevent text from breaking css
CSS
1 vote241 views1 answer
How to remove image using css
CSS
0 vote162 views1 answer
Responsive slider with text animation codepen
CSS
1 vote253 views1 answer
BEM example css
CSS
0 vote189 views1 answer
Mat dialog background color
CSS
0 vote202 views2 answers
Css make bottom of the div triangle
CSS
17 votes220 views2 answers
Rgb green
CSS
0 vote210 views1 answer
Center a button wordpress
CSS
0 vote224 views1 answer
Css animation top goes back to start
CSS
0 vote193 views1 answer
How to use css without brackets
CSS