语义反应/背景图像和高度100 vh

Question

您好，我如何使组件页脚仅占据页面高度的100 px，而页面的其余部分成为组件网格

使用高度：vh我尝试用我的内容：

export const GridWrap = styled(Grid)`
&&& {
    background-image: url(${background});
    height: 90vh;
    background-size: cover;
    background-position: fixed;
}
`

还有我的页脚：

export const FooterWrap = styled.div`
&&& {
    background: #000;
    Height:10vh
}

但不是成功

代码：https://codesandbox.io/s/black-platform-hybgc

Answer 1

对于高度为100px的页脚：