CSS 이미지 갤러리 플로트 버그

Question

이것은 새로운 것입니다. 나는 내가 만든 아카이브 페이지에 문제가 있습니다. 그것은 상당히 직접적인 플로팅 DIV 이미지 갤러리처럼 보이지만 어떤 이유로 든 divs 전체에 많은 선이 무작위로 파괴됩니다. 나는 그것이 Cufon 또는 IE.JS 등에 문제가되었을 것이라고 생각했지만 모든 JS를 비활성화했으며 여전히 버그가 나옵니다.

여기에 코드를 게시하는 데 조금 오래 보인다. 그리고 나는 불필요한 divs와 명확한 수정을 던졌지 만 아무것도 작동하지 않는 것 같습니다. 내가 알아 낸 후에 적절한 보고서를 게시하고 정리하겠습니다.

Answer 1

일부 타이틀은 다른 타이틀보다 길기 때문에 일부 라인 브레이크로 인해 DIV가 더 커집니다. 그런 다음 부유물은이 키가 큰 divs를 "매달아"할 것입니다. 그것은 버그 그 자체가 아니며, 플로팅이 어떻게 작동하는지입니다.

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

이 문제를 피하는 가장 좋은 방법은 각 div에 설정된 높이를주는 것입니다.

또는 각 선의 첫 번째 DIV를 "Clear : Left"의 첫 번째 DIV를 가질 수 있습니다.

편집 : 이것이 어떻게 떠오르는 지에 대해 자세히 설명하기 위해 : 각 div는 이전 Div와 같은 줄에 맞추려고 노력하며, 가능한 한 멀리 떠 다니고 있습니다. 줄에 공간이 남지 않으면 먼저 밀려 나게됩니다. 위의 예에서, 4는 3으로 밀려 나면 가능한 한 왼쪽으로 떠 다니고, 2를 치는 것은 4를 4로 아래로 밀고, 가능한 한 멀리 떨어진 곳에 떠 있습니다.