CSSイメージギャラリーフロートBUG

Question

これは新しいもので、私は私が作ったアーカイブのページで問題を抱えています。それはかなりまっすぐ進む浮かべdivのイメージギャラリーのように思える...しかし、何らかの理由でラインの束がdivを全体でランダムに壊れるがあります。私はそれがCufonまたはIE.JSなどに問題があったかもしれないが、私はすべてのJSを無効にし、それはまだバグ考え抜かます。

ここにコードを投稿するビット長のようだ、と私は不必要なのdivと明確な修正の束を投げてきましたが、何も動いていないようで。私が投稿し、私はそれを考え出した後、適切なレポートを整理します。

Answer 1

いくつかのタイトルは他よりも長いので、

、それによっていくつかの改行とは、div要素が背が高いします。山車は、これらの背の高いのdiv「にハングアップ」します。それは、それ自体はバグではない、それだけでどのように浮動作品です。

 --- --- ---
 |1| |2| |3|
 --- | | ---
     --- ---
         |4|
         ---
 ---
 |5|
 ---

この問題を回避する最善の方法は、各セットの高さをDIV与えることです。

また、あなたは各行の最初のdiv持つことができます。各第一/前後/第七の/ etc divのに適切なクラスを追加することにより、「クリアを残した」

。

編集：これが浮上する方法を詳しく説明するには： 各divが限り左にそれができるように、フローティング、前回のdivと同じ行に収まるようにしようとします。ライン上に残されたスペースがありません場合は、それが最初にダウンプッシュされます、そして左。上記の例では、4 3によって押し下げされ、それは、それが可能な限り遠くに左浮遊、4によって押し下げられている2. 5を打つ、限り、それはできる限り左フロートます。