/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

39 votes181 views2 answers
Css to increase font size
CSS
0 vote167 views1 answer
Font weightcss
CSS
1 vote140 views1 answer
Div styles
CSS
3 votes198 views3 answers
Box sizing border box
CSS
3 votes178 views2 answers
Hr tag customize using css
CSS
4 votes182 views1 answer
Bootstrap file select class
CSS
86 votes191 views6 answers
Css all caps
CSS
22 votes186 views2 answers
Rgb white
CSS
0 vote212 views1 answer
Wordpress smooth scroll to anchor
CSS
0 vote172 views1 answer
Edit default theme in component angular css
CSS