/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

34 votes303 views6 answers
Css linear gradient
CSS
0 vote322 views2 answers
How to link css to html in visual studio code
CSS
0 vote314 views1 answer
Activate_bin_path
CSS
-1 vote288 views1 answer
Scss npm import
CSS
0 vote309 views1 answer
How to make code continue after a transition css
CSS
1 vote257 views1 answer
Css hover lighten background color
CSS
0 vote322 views1 answer
CSS background blur or glass effect
CSS
0 vote333 views1 answer
Css wrap text next line align right
CSS
0 vote319 views1 answer
Liste commandes disponibles linux
CSS
0 vote270 views1 answer
Disable on print margin html
CSS