Css 具有屏幕大小块的单页站点

Css 具有屏幕大小块的单页站点,css,Css,我在一个网页的网站上工作。它有以下布局 结构如下 我想每个区块应该有屏幕的最小高度-标题高度 blockHeight = screenHeight - headerHeight 目前我正在使用jQuery来实现这一点 是否有任何方法可以仅使用CSS3来完成此操作。您可以使用calc()来完成此操作。 此处100vh=视口高度 60px=收割台高度。使用:最小高度:计算(100vh-收割台高度)。您可以在页眉上设置固定高度,然后使用或百分比 blockHeight = screenHeight

我在一个网页的网站上工作。它有以下布局

结构如下

我想每个区块应该有屏幕的最小高度-标题高度

blockHeight = screenHeight - headerHeight
目前我正在使用jQuery来实现这一点


是否有任何方法可以仅使用CSS3来完成此操作。

您可以使用
calc()来完成此操作。

此处100vh=视口高度


60px=收割台高度。

使用:
最小高度:计算(100vh-收割台高度)。您可以在页眉上设置固定高度,然后使用或百分比
blockHeight = screenHeight - headerHeight