“屏幕高度 - （页眉+页脚高度）”的CSS表达式

Question

我有一个HTML页面，其中包含<header>，<section>和<footer>。我想将min-height设置为screen height - (header + footer height)。这可能吗？

section{
    min-height: screen-height-(header + footer height)
}

Answer 1

使用预处理器。 SASS / LESS /手写笔。

少例：

@base: 5%;
@filler: @base * 2;
@other: @base + @filler;

color: #888 / 4;
background-color: @base-color + #111;
height: 100% / 2 + @filler;

LESS Docs link

但是，如果你想根据屏幕高度进行操作，预处理器无法检测屏幕高度，你必须使用JavaScript / jQuery。