Breaking News: Grepper is joining You.com. Read the official announcement!

what does clearfix for floats do in css

Expensive Emu answered on April 28, 2021 Popularity 7/10 Helpfulness 6/10

answer what does clearfix for floats do in css

related css clearfix for floats with display table and clear both

what does clearfix for floats do in css

Comment

/* 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;
}

Popularity 7/10 Helpfulness 6/10 Language css

Source: www.educative.io

Tags: clearfix css

Link to this answer
Share Copy Link

Contributed on Apr 28 2021

Expensive Emu

0 Answers Avg Quality 2/10

Closely Related Answers

css clearfix for floats with display table and clear both

Comment

.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>

Popularity 6/10 Helpfulness 4/10 Language css

Source: css-tricks.com

Tags: display clearfix css

Link to this answer
Share Copy Link

Contributed on Apr 28 2021

Expensive Emu

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

what does clearfix for floats do in css

Contents

More Related Answers

what does clearfix for floats do in css

Closely Related Answers

css clearfix for floats with display table and clear both

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.