如何制作响应式水平网格？

Question

如何在没有任何框架的情况下制作3个水平响应网格？只使用CSS和HTML？我尝试过，但我不知道该怎么做。

Answer 1

使用父div设置总高度（在我的示例中为300px，但您也可以将其设置为100％）。

然后将每个子div的高度设置为33％height: 33%

Example

总高度设为100％的

Another example。请注意，为了使其正常工作，您还必须将html和body的高度设置为100％。