/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

1 vote199 views1 answer
Css validator
CSS
0 vote219 views1 answer
How to use a background property in css
CSS
3 votes206 views1 answer
Css perfect box shadow
CSS
0 vote212 views1 answer
Chrome developer tools css customize
CSS
68 votes262 views6 answers
Center position absolute
CSS
8 votes223 views3 answers
Select first div css
CSS
0 vote253 views1 answer
Fixed div with scrollable content
CSS
0 vote207 views1 answer
Center elemnts css
CSS
0 vote233 views1 answer
Navbar css code
CSS
1 vote199 views1 answer
Padding clamp
CSS