/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 vote217 views1 answer
Make element no styles
CSS
3 votes241 views1 answer
Increase text from input
CSS
0 vote197 views1 answer
Animated progress bar css
CSS
2 votes194 views1 answer
Css preprocessor
CSS
14 votes201 views2 answers
How to add css in flask app
CSS
0 vote207 views1 answer
Using tinymce with tailwind css
CSS
1 vote222 views1 answer
How to take in space and enter as it is in a textarea
CSS
5 votes198 views2 answers
Important css
CSS
7 votes240 views1 answer
Justify text csss
CSS
0 vote211 views1 answer
Set border only left and right css
CSS