/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 vote273 views1 answer
Css div text size
CSS
1 vote313 views1 answer
Angular headers for enc type
CSS
0 vote327 views1 answer
Text overlay animation css
CSS
0 vote314 views1 answer
Ms-grid- error css
CSS
30 votes331 views6 answers
Background image with gradient css
CSS
0 vote291 views1 answer
Css disable transition on first load
CSS
6 votes337 views6 answers
Css text highlight
CSS
0 vote316 views1 answer
Smooth button effect css
CSS
37 votes311 views2 answers
Rgb yellow color
CSS
2 votes340 views1 answer
Basic css table
CSS