我想制作一个 html5 模板，其中页面用矩形填充。
如果只有一个矩形，它将占据整个屏幕。然后其他矩形将从底部出现，占据第一个的位置。 每个矩形必须是一个html元素，因为我会把background-size:cover放在上面(所以用剩余的容器空间来组成第一个矩形不是一个可行的方案)。有两种布局，一种是两列，另一种是 3 列。
确切的行为可用 here : JS BIN
它工作得很好，但我认为有更短更好的方法来做到这一点。
身边有 CSS 专家吗？ JS 解决方案也可以，但前提是它更短。 LESScss 也可以使用。
也许有列数？
最佳答案
Masonry 是一个有趣的框架，可以帮助您应对当前的情况……或者可能将您的想法推向一个新的高度。
查看该站点，看看它是否可以帮助您完成工作: http://masonry.desandro.com/
关于javascript - CSS3 - 用可变数量的不同大小的矩形填充网页的最短方法，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25569347/