DIV向左浮动，没有设定高度

Question

在一个新网站上工作并且浮动DIV时出现问题，溢出包裹到下一行。

示例：http://gohmm.matthewgideon.com/get-involved/sponsorships/

当你减小浏览器的大小时你会注意到 - 底部的第一组图像是正确的，但是它们应该在屏幕上达到100％后换行到下一行。

如果我为Divs添加一个高度它可以工作，但我不想设置高度。这是我正在使用的基本编码。

#sponsorshipWrapper { margin-left: auto; margin-right: auto; width: 100%;}

#sponsorship {
display: block;
float: left;
padding: 0 20px 40px;
width: calc(20% - 40px);
}

最终，我正在尝试对帖子进行查询，并将其放置在网格模式中，从左到右。

Answer 1

你需要给#sponsorship id（它真的应该是一个类，因为它被多次使用）一个高度。例如：

#sponsorship {
  float: left;
  display: block;
  height:300px;
}

这可能应该在所有媒体查询中完成。