/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

2 votes180 views2 answers
Remove border select css
CSS
0 vote185 views1 answer
Device-pixel-ratio css
CSS
0 vote165 views1 answer
CKEDITOR PUSH TEXT IN FRONT OF CURSOR
CSS
25 votes196 views5 answers
Line spacing css
CSS
9 votes178 views2 answers
How can set background fit full
CSS
0 vote188 views2 answers
How to make a strip in html and css
CSS
0 vote188 views1 answer
Aplicar padding a sombra
CSS
0 vote167 views1 answer
Radio button css only 1
CSS
2 votes180 views6 answers
Add image to css
CSS
0 vote163 views1 answer
Image with colored background html css tigether
CSS