css - 为什么会这样？认为这是 clearfix 的问题？

Question

这里是问题所在:如您在左侧所见， float 元素未对齐，而在右侧则对齐。

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;  
}

Answer 1

我无法重现问题，但这里有一些建议。

1. 给你#networks div一个宽度
2. 给#networks overflow:auto
3. 从#networks 中删除清晰的 div
4. 如果您还没有包含用于 IE 的 HTML5 shive(我看不到它)