열 및 부동 이미지 및 해당 공백

Question

각각 33 % 크기의 3 개의 열이 있으며 각 열 안에 이미지가 있으며 각 이미지의 높이가 다릅니다. iPad와 같은 크기의 장치에서 각 열의 크기를 50 %로 변경하고 싶습니다. 이제 그 열을 올리면 세 번째 열이 위쪽 두 열의 가운데에 나타납니다. 매우 이상하게 보입니다.

그래서 세 번째 열을 100 % 크기로 만들고이 열 안의 이미지를 50 % 크기로 만들려고했습니다. 그러나 문제는 아래 그림과 같습니다 :

빨간색은 열 1, 파란색은 열 2, 검은 색은 열 3, 노란색 강조는 생성 된 공간입니다.

어떻게 그 공간을 없앨 수 있습니까?

여기는 수수께끼입니다. jsfiddle.net/Vhrnr 내가 어떤 이유로 여기에 붙여 넣을 수 없기 때문에 코드 만 보여주고 있습니다.

Answer 1

불량 div가 코드 어딘가에있는 것처럼 보입니다 (column3 근처에서 가능). 코드 스 니펫이나 작동하는 피들 링크를 붙여 넣을 수 있다면 확실히 도움이 될 것입니다.