scottjehl/Respond — Issue #79: Clearfix Problem/Solution
Author: mateus007
Created: 2011-11-10 12:55:06+00:00
State: open

Today i have found a problem with Respond.Js and CSS Clearfix solution. The same issue is found here: http://diegolorenzo.com/respond/

In short, the elements with class "clearfix" get an extra "padding".

I don't know how describe this issue, because in source code, not have anything to fix. The problem is in CSS...

To fix this, we just need set these rules in ".clearfix:before" and ".clearfix:after":

margin: 0 !important;
padding: 0 !important;

The result is:

.clearfix:before, .clearfix:after{ margin: 0 !important; padding: 0 !important; }

I guess it is important to declare this issue here, anyways, never know when we need that.