Css 砌体-柔性高度？

问题：如何使我的砖石高度与页面相适应？我有灵活的宽度，但高度似乎是一个问题。出于某种原因，唯一的宽度允许您将其设置为百分比。不是身高。如果可能的话，我喜欢每个项目底部的蓝色部分跟随图片

Codeply://在那里按下外部查看器可以清楚地看到我的意思

我还包括一个代码片段

<
脚本src=”https://code.jquery.com/jquery-3.1.1.slim.min.js"
integrity=“sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n”
crossorigin=“anonymous”><
脚本src=”https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js"
integrity=“sha384 DztdAPBWPRXSA/3EyeeuwWcy7G5KFBE8FFJK5JAIXUYKKDx6QIN1DKWx51BBRBRBRBRBR”
crossorigin=“anonymous”><
脚本src=”https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js"
integrity=“sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+JO0IEGIZPLFORN”
crossorigin=“anonymous”>
<
脚本src=”https://masonry.desandro.com/masonry.pkgd.js“>
<
脚本>
//外部js:mashine.pkgd.js
$（'.grid'）。砌体({
itemSelector:“.grid项”，
栏宽：10%
});
<
/脚本>

.topic hltv{
背景色：#0142ff；
最小高度：60px；
左：5%；
}
.电视节目{
颜色：白色；
字体系列：“Trueno”；
字号：800；
字体风格：普通；
字体大小：1.4rem；
}
/*----网格--*/
.电网{
背景：#EEE；
}
/*clearfix*/
.网格：之后{
内容：''；
显示：块；
明确：两者皆有；
}
/*----网格项----*/
.表格项目{
宽度：20%；
高度：120px；
浮动：左；
背景：#D26；
边框：2倍实心#333；
边框颜色：hsla（0,0%，0,0.5）；
边界半径：5px；
利润率：1%；
}
.网格项--宽度2{
宽度：18%；
}
.网格项--宽度3{
宽度：38%；
}
.网格项--宽度4{
宽度：58%；
}
.网格项--宽度5{
宽度：78%；
}
.网格项--高度2{
高度：200px；
}
.网格项--高度3{
高度：260px；
}
.网格项--高度4{
高度：360px；
}
.last news container{
最小高度：20px；
背景图片：url（“images/media galleries rightside.png”）；
背景重复：无重复；
背景位置：右；
背景色：#0142ff；
左边缘：-4%；
左侧填充：15px；
}
.last news container span{
颜色：白色；
字体系列：“Trueno”；
字号：600；
字体风格：普通；
字号：1rem；
}
.最后一个新闻框{
颜色：黑色；
}
.最后新闻标题{
颜色：蓝色；
}
.bg-1{
背景图像：url（“http://stephaniie.com/_marsh/hltv-redesign/images/masonry-1.png");
背景大小：100%；
背景重复：无重复；
背景色：#0142ff；
}
.bg-1-2{
背景图像：url（“http://stephaniie.com/_marsh/hltv-redesign/images/masonry-2.png");
背景大小：100%；
背景重复：无重复；
背景色：#0142ff；
}
.bg-3{
背景图像：url（“http://stephaniie.com/_marsh/hltv-redesign/images/masonry-3.png");
背景大小：100%；
背景重复：无重复；
背景色：#0142ff；
}
.bg-5{
背景图像：url（“http://stephaniie.com/_marsh/hltv-redesign/images/masonry-5.png");
背景大小：100%；
背景重复：无重复；
背景色：#0142ff；
}
.顶级团队组{
左：4%；
右：4%；
最小宽度：90%；
}

最新消息
美国
01h
540
TS赢得RGN冬季经典赛

1.
2.
3.
4.
5.
6.