一页网站，屏幕大小

Question

我正在一个页面网站上工作。其中有以下布局。

这是结构。

我希望每个块都应该具有屏幕的最小高度 - 标题高度。

blockHeight = screenHeight - headerHeight

目前我正在使用jQuery来实现这一目标。

有没有办法只使用CSS3。

Answer 1

您可以使用calc()

执行此操作

min-height: calc(100vh - 60px);

这里100vh =视口高度

60px =标题高度。