CSS - 填充剩余空间（如果可用）

Question

我正在尝试使用不同大小的图像创建选项拼接，因此需要填充自由垂直空间。有没有办法使用CSS或者我是否需要以某种方式使用JavaScript？

图片：http://imgur.com/TQYsNNC

<style>
  .options {
    width: 1230px;
    height: 100%;
    margin: auto;
    position: relative;
  }

  #stream .large {
    width: 400px;
    height: 575px;
    opacity: 0.8;
    position: relative;
    float: left;
    background: white;
  }

  #stream .big {
    width: 400px;
    height: 380px;
    margin-bottom: 10px;
    opacity: 0.8;
    position: relative;
    float: left;
    background: white;
  }

  #stream .medium {
    width: 400px;
    height: 185px;
    background: white;
    margin-bottom: 10px;
    opacity: 0.8;
    position: relative;
    float: left;
  }

  #stream .small {
    width: 195px;
    height: 185px;
    background: white;
    margin-bottom: 10px;
    opacity: 0.8;
    position: relative;
    float: left;
  }
</style>

Answer 1

不是真的;这就是构建像Masonry这样的Javascript库。砌体易于使用，您应该能够将其放入并让它更紧密地安排您的物品。