/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

29 votes242 views4 answers
Css input
CSS
20 votes262 views4 answers
Variables in sass
CSS
0 vote293 views1 answer
Transform element
CSS
9 votes194 views2 answers
Box shadow as border
CSS
6 votes243 views3 answers
Skeleton css cdn
CSS Skeleton
0 vote242 views2 answers
Why is my body background color in css not working
CSS
0 vote231 views1 answer
How to enlarge image when hover on in css
CSS
0 vote198 views1 answer
All pseudo elements css
CSS
5 votes230 views3 answers
Css box shadow not on bottom
CSS
0 vote239 views1 answer
Scss color black white
CSS