/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 vote129 views1 answer
Capitalize the first letter of string using CSS
CSS
4 votes121 views1 answer
Space-x css
CSS
0 vote132 views1 answer
Details summary hide arrow
CSS
0 vote144 views1 answer
Wordpress smooth scroll to anchor
CSS
0 vote124 views1 answer
CodeIgniter + WordPress integration
CSS
1 vote117 views1 answer
Corona.html:61 Uncaught ReferenceError: $ is not defined
CSS
5 votes112 views2 answers
Transition transform
CSS
1 vote135 views1 answer
Backgrond image shopify css
CSS
0 vote118 views1 answer
Css content from data attribute
CSS
0 vote109 views2 answers
Remove button shadow css
CSS