固定从eatch colmn贴在底部的高度

Question

我有两列的简单CSS脚本 但列中的每个不同项目的高度都不同 我看到很多空白，因为列 设置在同一行上。...在图片中您将看到结果。 我不知道如何解决

 <style>
div.gallery {
border: 1px solid #ccc;
height: fixed;
}
 div.gallery:hover {
 border: 1px solid #777;
 }

div.gallery img {

}

div.desc {
padding: 15px;
text-align: center;
}

* {
 box-sizing: border-box;
}

.responsive {
padding: 0 6px;
float: left;
width: 24.99999%;
}

@media only screen and (max-width: 1400px) {
.responsive {
width: 49.99999%;
margin: 6px 0;
  }
 }

 @media only screen and (max-width: 500px) {
.responsive {
width: 100%;
}
}

 .clearfix:after {
 content: "";
 display: table;
 clear: both;
     }
     </style>

我有两列的简单CSS脚本 但列中的每个不同项目的高度都不同 我看到很多空白，因为列 设置在同一行