/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 vote237 views1 answer
Css top right corner
CSS
1 vote207 views1 answer
Css select text inside div
CSS
22 votes223 views6 answers
Create circle in css
CSS
0 vote210 views2 answers
How to make grid css
CSS
5 votes213 views3 answers
Repeat method
CSS
0 vote200 views1 answer
CSS - The Class Selectors - Element
CSS
0 vote212 views1 answer
Custom horizontal scrollbar css
CSS
-1 vote213 views1 answer
Alumina formula
CSS
23 votes173 views5 answers
Font weight css
CSS
0 vote236 views1 answer
Css rotate 3d
CSS