/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 vote266 views1 answer
Faunadb q.do
CSS
0 vote282 views1 answer
Css animate svg circle radius
CSS
0 vote292 views1 answer
Website copyright example
CSS
0 vote281 views1 answer
Add padding to gnome terminal
CSS
2 votes329 views2 answers
Css display none transition
CSS
3 votes273 views1 answer
Add new class in tailwind css
CSS
0 vote298 views1 answer
How to add font otf format in html
CSS
0 vote272 views2 answers
Cons;0 ccs
CSS
0 vote268 views1 answer
Shiny server configuration
CSS
0 vote245 views1 answer
Bootstrap accessibility
CSS