/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 vote151 views1 answer
Hoow to open a css class in css
CSS
0 vote134 views1 answer
Ratio bootstrap
CSS
2 votes153 views2 answers
Font gap css
CSS
1 vote185 views1 answer
Wordpress css admin not loading
CSS
70 votes144 views6 answers
Center in css
CSS
1 vote159 views1 answer
Css thinner hr
CSS
1 vote146 views2 answers
Show hidden message html
CSS
0 vote139 views1 answer
Vuetify input change outline color
CSS
22 votes149 views4 answers
Grid center align
CSS
0 vote153 views1 answer
Css Formes géométriques
CSS