/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

61 votes195 views5 answers
Css paragraph ellipsis
CSS
0 vote185 views1 answer
Ul change position when restore down
CSS
0 vote194 views3 answers
Svg background css
CSS
2 votes184 views1 answer
Css make something always on top
CSS
6 votes205 views6 answers
Break word css
CSS
0 vote195 views1 answer
Constraint barrier example
CSS
31 votes302 views3 answers
Rgba blue color
CSS
2 votes211 views1 answer
Html css class id
CSS
0 vote187 views1 answer
Css display table row gap
CSS
0 vote194 views1 answer
How to background in modal css html and closee th modal with background
CSS