Is clearfix a good technique for float clearing in css

Question

I was using clearfix to clear the floating effect in CSS, but I was told that it's not really good technique and I should use something else. Is that true?

And if it is, are there other alternatives that would still make my CSS validated?

Many Thanks

Are you referring to the `clear: both` property? I don't see why one would advise against using it! — adarshr, Feb 21 '11 at 15:08
http://stackoverflow.com/questions/2373544/clearfix-vs-overflow / http://stackoverflow.com/questions/211383/which-method-of-clearfix-is-best / http://stackoverflow.com/questions/490184/what-is-the-best-way-to-clear-the-css-style-float — thirtydot, Feb 21 '11 at 15:11
@Adarsh R and Sime Vidas: No, I'm talking about the 'clearfix' technique itself. — Shaoz, Feb 21 '11 at 15:20

score 4 · Accepted Answer · answered Feb 21 '11 at 15:19

You can also use this method http://www.quirksmode.org/css/clearing.html . Typically just apply overflow:hidden; or overflow:auto; and the container should expand around the floats. You’ll need a width for IE 6.

Also display:inline-block; careful IE is happy with it, (what else is new).

And in some circumstances you can just float the container, for the same effect, but floating the container may not always be desirable.

Is clearfix a good technique for float clearing in css

1 Answers1