/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 vote254 views7 answers
Xle
CSS
1 vote298 views2 answers
Css all ids starting with
CSS
0 vote226 views1 answer
Responsive typography
CSS
0 vote246 views1 answer
Css float placeholder
CSS
2 votes221 views1 answer
Scss function
CSS
7 votes247 views2 answers
Text align justify
CSS
1 vote218 views1 answer
Hex code for khaki
CSS
0 vote227 views1 answer
Css if element is empty
CSS
3 votes205 views1 answer
Smooth scroll to anchor
CSS
1 vote254 views1 answer
Animate font weight css
CSS