/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 vote133 views1 answer
Change scroll style angular
CSS
-1 vote144 views1 answer
Alumina formula
CSS
1 vote153 views1 answer
Animated background css
CSS
36 votes129 views6 answers
Gradient text
CSS
9 votes143 views2 answers
Align items in row css
CSS
3 votes149 views3 answers
Remove clicked button border
CSS
8 votes133 views1 answer
Reset submit btn style
CSS
0 vote139 views2 answers
Hide Categories - Woocommerce Product Page
CSS
22 votes143 views3 answers
Css disable text select
CSS
0 vote201 views1 answer
Beautiful Cyrillic fonts
CSS