Html 不同大小的全屏引导网格

我正在尝试创建一个具有不同高度（33.33%、66.66%或100%）和不同宽度（20%、40%、60%、80%、100%）的全屏引导网格

问题是，由于高度差，会出现间隙

我已经找到了一些解决方案，但没有一个能像它们应该的那样工作：错误的边距，无法全屏显示

我的结果（来自最高评级的anwer）：

---

以您使用的方式，无法获得第一个框中显示的结果。要实现这一点，需要按列而不是按行组织div

这是一个也许你能帮上忙的问题