2013-04-25 2 views
1

당신이 나를 이해할 수 있기를 바랍니다. 360px 폭의 래퍼가 있으며 div의 3 열만 허용됩니다. 나는 단지 내가 원하는 때마다 다른 div에 들러 질 수 있기를 원한다. 그러면 모든 이전 항목이 따라 움직일 것이다. 나는 문제가있어, divs가 다음 줄로가는 것처럼 보이지만 이전 줄에서 가장 큰 줄에 세로 줄을 정렬한다. 아래 예제를 보시기 바랍니다 (코드가 올바르게 보이지 않아 그림을 사용해야했습니다). 마지막 녹색은 위에서 빨간 색이 짙은 빨간색을 만져야합니다. 나는 정적 인 위치를 찾고 있지 않다. 그래서 자동으로 래퍼 너비를 변경하면 더 많은 div가 자동으로 행에 포함될 것이다.여러 divs 나란히 세로 맞춤

enter image description here

다음은 잘못된 결과의 이미지입니다.

enter image description here

+0

당신이 당신의 예상 결과의 이미지를 게시 할 수있는 ... 그것은 JS입니다 수치, 내가 원하는 내가 무엇을 얻을 수있는 가장 가까운? – Win

+1

제대로 작동하려면'position : relative;를 사용하여'div' 요소를 배치 할 수 없습니다. 또는 위치 : 정적; float : left' 엘리먼트가 동적으로 추가되고, 서로 딱 들어 맞기를 원한다면 http://masonry.desandro.com/와 같은 것을 사용하거나 커스텀 JS를 작성해야 할 것입니다. –

+0

c - misura : 벽돌 스크립트가 아름답습니다! 대단히 고마워요. 정확히 제가 원했던 것입니다. CSS는 그것을 할 수 없지만, JS는 아주 잘하고 있습니다. 다시 한 번 감사드립니다. –

답변

0

벽돌 스크립트는