/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

11 votes312 views1 answer
Css not class
CSS
6 votes299 views2 answers
Selecting last child css
CSS
0 vote356 views1 answer
Import global variables scss angular
CSS
20 votes328 views5 answers
How to add background image in react css
CSS
0 vote321 views1 answer
Backface-visibility: hidden;
CSS
1 vote292 views2 answers
Fit image in grid css
CSS
1 vote384 views2 answers
Block elements css
CSS
0 vote327 views2 answers
How to take of underline from link through css
CSS
0 vote305 views1 answer
Label for centered image
CSS
3 votes295 views1 answer
Css backdrop filter blut
CSS