/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

0 vote365 views1 answer
Css background image follow scroll
CSS
8 votes392 views2 answers
Kotlin string to int
CSS
0 vote342 views1 answer
The edit queue is full at the moment - try again in a few minutes!
CSS
0 vote356 views1 answer
Template html css bootstrap cdn
CSS
0 vote359 views1 answer
Ul reset
CSS
0 vote365 views1 answer
Font helvetica css
CSS
99 votes356 views2 answers
Css absolute in absolute
CSS
-1 vote352 views1 answer
Empty areas in the grid are defined using '.'
CSS
5 votes355 views3 answers
How to change radio button color
CSS
0 vote386 views1 answer
Align icon to top right corner of div
CSS