/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 vote310 views1 answer
Ancho maximo css
CSS
1 vote301 views2 answers
How to specify css for smaller screen
CSS
0 vote291 views1 answer
Icon float right side input css
CSS
6 votes314 views3 answers
.row bootstrap
CSS Bootstrap
22 votes295 views3 answers
Remove styling from a tag
CSS
0 vote285 views1 answer
Backwards text css
CSS
0 vote346 views3 answers
Add custom css to wordpress menu item
CSS
4 votes298 views2 answers
Resize image slowly on hover
CSS
0 vote280 views1 answer
Override Inline Styles with CSS
CSS
0 vote301 views1 answer
Css orange color
CSS