Comments on: Self Clearing Floats in CSS http://jimneath.org/2008/11/15/self-clearing-floats-in-css/ Ruby on Rails, Javascript, CSS and Standards Tue, 31 Aug 2010 04:37:10 -0400 http://wordpress.org/?v=2.8.5 hourly 1 By: John Nunemaker http://jimneath.org/2008/11/15/self-clearing-floats-in-css/comment-page-1/#comment-829 John Nunemaker Wed, 17 Dec 2008 15:21:30 +0000 http://jimneath.org/?p=118#comment-829 Most people don't know that adding overflow:auto on the parent of a floated element will automatically make the parent contain the floated child. Also, you can float the parent (<a href="http://orderedlist.com/articles/clearing-floats-the-fne-method" rel="nofollow">float nearly everything</a>) and that will fix the issue. Most people don’t know that adding overflow:auto on the parent of a floated element will automatically make the parent contain the floated child. Also, you can float the parent (float nearly everything) and that will fix the issue.

]]> By: Aleksey Gureiev http://jimneath.org/2008/11/15/self-clearing-floats-in-css/comment-page-1/#comment-800 Aleksey Gureiev Thu, 27 Nov 2008 22:05:08 +0000 http://jimneath.org/?p=118#comment-800 I would say, just "overflow: hidden" works 99% of the time. :) For IE6 you may want to specify the width of the container explicitly, but again, only if the overflow rule doesn't work, which is extremely rare. I would say, just “overflow: hidden” works 99% of the time. :)

For IE6 you may want to specify the width of the container explicitly, but again, only if the overflow rule doesn’t work, which is extremely rare.

]]> By: Oleg http://jimneath.org/2008/11/15/self-clearing-floats-in-css/comment-page-1/#comment-775 Oleg Mon, 17 Nov 2008 15:43:07 +0000 http://jimneath.org/?p=118#comment-775 overflow: hidden _height: 1% works 99% of the time just as well. overflow: hidden
_height: 1%

works 99% of the time just as well.

]]> By: Christian http://jimneath.org/2008/11/15/self-clearing-floats-in-css/comment-page-1/#comment-769 Christian Sun, 16 Nov 2008 11:22:49 +0000 http://jimneath.org/?p=118#comment-769 This is the <a href="http://www.positioniseverything.net/easyclearing.html" rel="nofollow">clear-fix</a> solution. However, for most uses it really is outdated, using overflow: auto; will do the trick most of the time. This is the clear-fix solution. However, for most uses it really is outdated, using overflow: auto; will do the trick most of the time.

]]>