これは新しいものです。私が作成したアーカイブページに問題があります。それは、まっすぐ前方に浮かんだdivイメージギャラリーのようですが、何らかの理由でdivの中に無作為に改行があります。私はそれがCufonやIE.JSなどで問題になっている可能性があると思ったが、私はすべてのJSを無効にしてしまい、まだバグがある。CSS画像ギャラリーFloat BUG
ここにコードを投稿するのに少し時間がかかるようですが、私は不要なdivと明確な修正を加えましたが、何も動作していないようです。私はそれを理解した後、適切なレポートを掲示し整理します。
一部のタイトルは他のタイトルより長くなっているため、改行してdivを大きくします。浮動小数点は、これらの背の高いdivに「ハングアップ」します。それはバグそのものではなく、浮動小数点の仕組みです。
--- --- ---
|1| |2| |3|
--- | | ---
--- ---
|4|
---
---
|5|
---
この問題を回避する最適な方法は、各divに設定された高さを与えることです。
また、1行目/ 4行目/ 7行目の各divに適切なクラスを追加することで、各行の最初のdivを「クリア：left」にすることもできます。
編集：これがどのように浮かんでいるかを詳しく説明してください： 各divは、できるだけ左に浮かんで、前のdivと同じ行に収まるようにします。行にスペースが残っていない場合は、最初にプッシュダウンされてから左に移動します。上の例では、4が3で押し下げられ、できるだけ左に浮かびます.2は5になります。5は4で押し下げられ、できるだけ左に浮動します。