Question

这是新的，我遇到了我所制作的存档页面的问题。它似乎是一个相当直接浮动的div图库...但由于某种原因，在整个div中随机有一堆换行符。我认为它可能是Cufon或IE.JS等的问题，但我禁用了所有JS，它仍然是错误的。

似乎有点长时间在这里发布代码，并且我抛出了一堆不必要的div和明确的修复，但似乎没有任何工作。在我弄清楚之后，我会发布并组织一份正确的报告。

Answer 1

由于某些游戏比其他游戏更长，因此会有一些换行符，从而使得div更高。然后花车将“挂在”这些较高的div上。这不是一个错误本身，它只是浮动的工作方式。

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

避免此问题的最佳方法是为每个div设置一个设定的高度。

或者，您可以通过向每个first / forth / seven / etc div添加适当的类来使每行的第一个div“clear：left”。

编辑：详细说明这是如何浮动的：每个div都尝试与前一个div放在同一行上，尽可能向左浮动。如果线路上没有剩余空间，则首先将其向下推，然后向左推。在上面的例子中，4将被向下推3，然后它将尽可能向左浮动，击中2. 5被向下推4，然后尽可能向左浮动。