/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

8 votes154 views4 answers
Aos css animation
CSS
-1 vote163 views2 answers
Make all images same size bootstrap
CSS
0 vote143 views1 answer
Input on Internet explore has close icon
CSS
0 vote151 views1 answer
Sass immediate child
CSS
9 votes258 views3 answers
Bootstrap badge color
CSS Bootstrap
0 vote161 views1 answer
Css absolute z index less than
CSS
28 votes176 views3 answers
Text gradient css3
CSS
0 vote195 views1 answer
Flex basis
CSS
8 votes205 views2 answers
Css random color
CSS
7 votes198 views3 answers
Transition shorthand css
CSS