为什么会这样?认为这是一个clearfix的问题?

时间:2012-07-18 11:41:00

标签: css css-float clearfix

问题在于:正如您在左侧看到的那样,浮动元素不对齐,而右侧则不对齐。

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

2 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:0)