問題は次のとおりです。左側にあるように、フロートされた要素は整列していません。右側では整列しています。
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;
}