/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
Enhancer for Youtube DeepDark Theme
CSS
1 vote346 views1 answer
How to space out buttons css
CSS
0 vote447 views2 answers
Using materialize css with react
CSS Materialize
0 vote390 views1 answer
Calc css float to procent
CSS
4 votes335 views3 answers
How to not underline links in css
CSS
1 vote348 views1 answer
Animated background css
CSS
0 vote325 views1 answer
Where is sendmail in lampp
CSS
0 vote366 views2 answers
Icon rounded corners css
CSS
0 vote349 views1 answer
Inline block and 50% width not aligning items
CSS
0 vote404 views1 answer
Radius to imported icons
CSS