Javascript 100%高度项目的重叠砌体

我正在尝试构建一个具有100%高度部分的布局-扭曲之处在于这是一个砖石布局，第一个砖石项目是加载时页面的100%高度/宽度（&responsive）

在100%高度项目之后，我希望有“常规”砌体（柱、行等）

我遇到的问题是，第一个项

。网格项网格项--feature

与其他项重叠。我以前用过ImagesLoaded，但从来没有用过“空”网格

一个月后，我重新拾起这本书，可能忽略了一些非常简单的东西，但我已经整理了一个。如何解决此问题？

请尝试以下代码：

.grid-item-feature { position: relative; height: 100vh;}

使用

vh

的说明：

有了vw/vh，我们可以根据元素的大小来调整元素的大小 视口。vw/vh单元的有趣之处在于，1个单元反映了 视口宽度的1/100。使元素达到最大高度的步骤 例如，您可以将其设置为高度：100vh

---

很好，谢谢+Vincent G.

vh

是否也在具有定义高度的嵌套

DIV

中工作？例如，是否可能有一个100%vh div，其中包含一个50%vh div？或者第二个50%的div仅仅是由一个普通的%？我真的很好！谢谢