Css 如何在未知高度下制作响应网格？

我需要一个这样的网格，但只使用css

我发现了一些库，但所有这些库都使用JQ。

---

没有js，我怎么能做到这一点呢？

我不知道你是否愿意使用库。但是如果你考虑一下

Bootstrap是一个只使用css的库，我不使用JS，完全使用css媒体查询来创建网格

看看它-

否则，如果您只想用css自己完成它。深入探讨媒体问题

以下是一些可以帮助您入门的链接：

还可以查看Chris coyer-CSS tricks网站。该网站拥有大量CSS魔术。对于您的特定响应设计，请阅读本文：

希望能有帮助

.wrap{background:pink;box-shadow:5px 5px 3px #000; /*animation: bro 10s    infinite;*/width:100%; height:600px;display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
overflow:hidden;}

仅Css

---

试试Bootstrap-我不明白你的问题？？更具体地说明您想要什么：）