Why is this happening? Think it is an issue with clearfix?
Вопрос
Here is the issue: As you can see on the left the floated elements do not align, and on the right they do.
http://i.stack.imgur.com/Qx8Zs.jpg
This doesn't happen all the time, and it isn't browser specific (AFAIK) - it corrects itself upon refresh... I'm thinking it's a problem with the clearfix? CSS below.
.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;
}
Решение
I can't replicate the problem but here's some suggestions.
- Give you #networks div a width
- Give #networks overflow:auto
- Remove the clear div from #networks
- Include the HTML5 shive for IE if you haven't already (I couldn't see it)
Другие советы
This is the answer http://jsfiddle.net/xVzAY/
Не связан с StackOverflow