/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 vote283 views1 answer
Ubuntu tor browser verification failed
CSS
3 votes285 views1 answer
Install expo vector icons
CSS
4 votes258 views2 answers
Laravel enum column
CSS
0 vote275 views1 answer
Input css text on right
CSS
0 vote274 views1 answer
Github lottie
CSS
0 vote286 views1 answer
Sideways Left Tabs
CSS
0 vote390 views1 answer
How to set initial state after first time in formik
CSS
10 votes257 views2 answers
Css how to change font colr
CSS
0 vote363 views1 answer
Checkbox change background color bootstrap
CSS Bootstrap
4 votes285 views3 answers
Zoom in and out iconhtml css
CSS