/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 vote366 views1 answer
How to make any word italic in html and css
CSS
38 votes325 views6 answers
Gradient text color css
CSS
2 votes383 views2 answers
Css resize image to fit div no stretching
CSS
1 vote370 views1 answer
Duplicate box-shadow on element inner and outer
CSS
0 vote365 views1 answer
How to make the select box font size small in css
CSS
-1 vote389 views1 answer
How to margin placeholdr text
CSS
23 votes373 views5 answers
Center div using flex
CSS
0 vote366 views2 answers
Clearfix
CSS
0 vote342 views1 answer
Responsive image slider html css
CSS
0 vote369 views1 answer
Css break after 2 words
CSS