/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 vote268 views1 answer
Css remove margin around page
CSS
0 vote238 views1 answer
Restrict css to apply on div
CSS
22 votes269 views2 answers
Rgb gold color
CSS
0 vote263 views1 answer
Css color gradient background full height
CSS
-1 vote324 views2 answers
Navigation bar css
CSS
40 votes316 views4 answers
Center on page css
CSS
0 vote267 views1 answer
Jquery or selector
CSS
1 vote297 views1 answer
Macbook change screenshot to jpg
CSS
0 vote264 views1 answer
How to overwrite a css importnat
CSS
4 votes267 views1 answer
Ionic mobile always dark theme in web
CSS