为什么会这样？认为这是 clearfix 的问题吗？答案

【问题标题】：Why is this happening? Think it is an issue with clearfix?为什么会这样？认为这是 clearfix 的问题吗？
【发布时间】：2012-07-17 10:29:59
【问题描述】：

这是问题所在：您可以在左侧看到浮动元素不对齐，而在右侧它们对齐。

http://i.stack.imgur.com/Qx8Zs.jpg

这不会一直发生，而且它不是特定于浏览器的 (AFAIK) - 它会在刷新时自行纠正...我认为这是 clearfix 的问题？下面的 CSS。

.clear:after {
    clear: both; 
    content: "."; 
    display: block; 
    font-size:0;
    height: 0; 
    visibility: hidden; 
}
.clear { 
    display: inline-block;  
}
* html .clear {  
    height: 1%;  
} /* Hides from IE-mac \*/
.clear {  
    display: block;  
}

【问题讨论】：

你能做一个jsfiddle.net 或jsbin.com 演示吗？
无法从您发布的内容中判断，但猜测可能是某种宽度问题。如果您可以发布一个 jsfiddle 或指向您网页的链接，这将有所帮助。
我需要查看 html div 层次结构吗？有时您必须指定容器的宽度。而且，你为什么要清理这么多？通常，当您在顶部某处有浮动框时您会清除。
网页链接为mckiewebdesign.co.uk/melonbrew
据我所知，唯一受影响的元素似乎是导航和页脚

标签： css css-float clearfix

【解决方案1】：

这就是答案http://jsfiddle.net/xVzAY/

【讨论】：

使用 SO 链接到 JSFiddle 之类的服务很好，但也请将您的代码直接发布到您的答案中。此外，您应该解释为什么此代码是答案。
请查看此链接。 How to answer?

【解决方案2】：

我无法复制这个问题，但这里有一些建议。

给你#networks div 一个宽度
给#networks溢出：自动
从#networks 中删除清晰的 div
如果您还没有，请包括 IE 的 HTML5 shive（我看不到）

【讨论】：