Css 如何复制浮动：窗口高度的左侧效果？

我试图做一些类似于浮动的事情：左。对于float:left，如果使用此样式属性设置一组div，它将根据窗口的宽度来定位自身。当窗口变得太窄时，它将变成一列，当我们有大窗口时，它将扩展到多列，以此类推

我想做一些类似的事情，但我希望它像一个垂直浮动。因此，如果我有5个项目，并且浏览器的窗口高度只能在一列中包含4个项目，那么额外的div应该将其自身定位到第二列。简单来说，如果我有一个长的div列表，它们应该根据窗口的高度列在列中

---

有没有办法用div和css或jqueryui来实现这一点？

单用css是不可能的。您的最佳选择类似于砖石：

（或用于时髦的过滤和填充物，由砖石提供动力：）

---

希望有帮助：）

看看你想支持哪些浏览器（向后兼容程度如何）？@ScottS、IE8、Firefox和Chrome是首选。但是，如果IE的要求太高，任何可能提供简单解决方案的库都可以。我会投票给它，让它向我介绍这些很酷的库。但它们似乎是更聪明的浮动版本，具有填充/间隙填充功能。因此，这些示例仍然在页面上水平填充div，我将试一试，因为它说这是float的另一面，希望它能起作用。您也可以研究媒体查询和CSS3 flexbox，但是，这是非常实验性的，目前只在webkit中起作用。下面是一篇博客文章，其中包含一些信息：