/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

6 votes370 views5 answers
Table fixed header
CSS
0 vote381 views1 answer
Css option value
CSS
1 vote360 views2 answers
How to reverse array of object
CSS
0 vote382 views1 answer
Button highlight none css
CSS
29 votes403 views5 answers
Kill all ports
CSS
4 votes337 views2 answers
CSS shrink image
CSS
31 votes332 views4 answers
Letter spacing in css
CSS
0 vote361 views1 answer
Change font size according to screen css
CSS
43 votes327 views6 answers
Css font color
CSS
4 votes388 views1 answer
Css overflow truncate
CSS