/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 vote222 views3 answers
How to write sigma symbol in jupyter ntebook
CSS
0 vote236 views1 answer
Css elementos
CSS
3 votes240 views1 answer
Visibility transition css only on show
CSS
28 votes276 views6 answers
Linear gradient css background image
CSS
0 vote212 views1 answer
How to saturate colors in css
CSS
0 vote224 views1 answer
Css widows
CSS
0 vote231 views1 answer
Sideways Left Tabs
CSS
168 votes219 views4 answers
Css link tag
CSS
2 votes213 views1 answer
Blue outline after click when in mobile view
CSS
0 vote229 views1 answer
Css broken image has top margin?
CSS