/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 vote177 views1 answer
Bootstrap-navbar-container-fluid
CSS
29 votes215 views1 answer
Boxsahdow
CSS
1 vote165 views1 answer
Qwant
CSS
1 vote191 views2 answers
Apply style to second child div
CSS
0 vote211 views1 answer
Css grow animation
CSS
42 votes188 views6 answers
Disable textarea resize
CSS
3 votes190 views1 answer
Set svg background color css
CSS
13 votes284 views4 answers
How to print background bootstrap
CSS Bootstrap
25 votes175 views4 answers
Set visibility css
CSS
0 vote165 views2 answers
Html overflow scroll only if needed with exemple
CSS