Magic clear:both trick in pure CSS

Yay! Someone finally invented the clearfix method!

Or wait, hasn't someone else done that before?

My personal favorite: http://nicolasgallagher.com/micro-clearfix-hack/

Yay! Someone finally invented the being a dick attitude!

http://fatkidatcamp.com/wp-content/uploads/2009/11/youre-a-d...

Setting overflow:hidden on the container div works all the way back to IE6. The caveat there is that any actual overflow is hidden, which may be unexpected. Things like box-shadows and absolutely position children.

Indeed, that's what I've been using.

i believe you also can set `{ *zoom: 1}` on the container block, that should also work in old browsers and it doesn't cause hidden scrolls

Unfortunately, the :after pseudo-selector has limited support. :(

it works in IE8, everything below it should die in pain

actually, IE8 should die in pain as well :)

Problem is the word "should", which isn't "has". Which means this trick doesn't help those of us who have to support IE<=7

my condolences to the poor bastards

http://www.webtoolkit.info/css-clearfix.html

clearfix?