/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

21 votes159 views5 answers
How to open a file in vscode from terminal
CSS
0 vote140 views1 answer
Css to reduce margin of class container
CSS
1 vote101 views1 answer
Css main container align center
CSS
1 vote138 views1 answer
Loading screen html
CSS
1 vote160 views1 answer
Css thinner hr
CSS
0 vote137 views1 answer
Include css typo3
CSS
0 vote140 views5 answers
Rosa
CSS
0 vote149 views2 answers
How to change the select arrow in css
CSS
2 votes225 views2 answers
Html how to split a div into two columns
CSS
13 votes153 views5 answers
How to add text stroke in css
CSS