是这样的，我找了个工具站拖了一个 grid 布局，但是它有点奇怪啊

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

V2EX 提问指南

这是一个创建于 1006 天前的主题，其中的信息可能已经有所发展或是发生改变。

就是 mainArea 的高度是受 fr 单位控制的，我怎么让他占满剩下的整个浏览器的空间呢？实在是不知道该搜什么了。

5 条回复 • 2022-02-21 19:43:33 +08:00

PinkRabbit

2022-02-21 17:50:03 +08:00

.container 加上个高度 100vh ?

frank553000

2022-02-21 17:52:24 +08:00

height: calc(100vh - 头部高度 - 尾部高度);

66beta

2022-02-21 17:57:13 +08:00

html, body {
height: 100%;
margin: 0;
}
.container {
height: 100%;

cyrbuzz

2022-02-21 19:32:43 +08:00

https://stackoverflow.com/questions/45870323/does-css-grid-have-a-flex-grow-function

fr 和 flex-grow 是类似的，所以只要把 grid 的元素的高度撑满就可以。

placeholder

2022-02-21 19:43:33 +08:00

@PinkRabbit
@frank553000
@66beta
@cyrbuzz

学习了学习了，感谢各位