/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 vote110 views1 answer
Easyui datagrid header multiline
CSS
7 votes101 views6 answers
Tailwind css cdn
CSS
1 vote119 views1 answer
Css @media measurements
CSS
66 votes107 views6 answers
Rotate element css
CSS
1 vote95 views1 answer
Bootstrap col no gaps
CSS
0 vote115 views1 answer
Selection.addrange() deprecated
CSS
3 votes68 views1 answer
Wrap table html
CSS
2 votes110 views2 answers
Remove bg color with css
CSS
6 votes121 views4 answers
Disable scroll css
CSS
3 votes111 views3 answers
Svg animation css
CSS