CSS图片廊浮动BUG

Question

这是新的，我在与归档页我所做问题。这似乎是一个相当简单的浮动DIV的图片库......但由于某些原因，还有一堆线的随机打破整个申报单。我认为它可能已被使用的Cufón或IE.JS等问题，但我禁用所有的JS，它仍然虫子。

似乎有点长，张贴在这里的代码，并在但似乎没有被工作我已经抛出了一堆不必要的div的和明确的修复。我会后，组织我已经想通了之后的合适报告。

Answer 1

由于某些标题是长于其它一些线断裂，从而使在div更高。然后，将彩车“挂到”这些更高的div。这不是本身的错误左右，它只是如何浮动的作品。

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

要避免此问题，最好的方法是给每个div的一组高度。

可替换地，可以有每行的第一个div“明确：左”通过加入适当的类给每个第一/阐述/第七/等格

。

编辑：为了详细阐述这是如何浮动： 每个div都试图以适应在同一行上一格，浮动的最左，就可以了。如果没有留下就行了空间，它会先推下，然后离开了。在上面的例子中，4将由3被按下，那么它会浮尽可能可以左，命中2. 5由4被按下时，则浮动左，只要它可以。