/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 vote166 views1 answer
Youtube-dl forbidden
CSS
1 vote146 views1 answer
How to change the underline thickness in css
CSS
2 votes160 views1 answer
Remove accordion space materuail ui css
CSS
38 votes148 views3 answers
Use CSS to set the background color of the document (body) to yellow.
CSS
53 votes152 views6 answers
Background color
CSS
0 vote154 views1 answer
Css tricks stretch content full witdh
CSS
23 votes164 views5 answers
Linear gradient border
CSS
0 vote173 views1 answer
Video camera icon font awesome
CSS
0 vote165 views1 answer
Text slide animation css
CSS
29 votes152 views9 answers
Traduttore
CSS