Webová stránka (element page) bude složena z jednoho až tří elementů: page-header, page-content, page-footer.

Tj, uvnitř stránky page bude page-content a volitelně jeden/oba: page-header, page-footer. Ty mají nastavenou pevnou pozici na stránce a pevnou výšku.

Dá se nějak v CSS (bez preprocesoru) zařídit, aby se upravila výška a pozice obsahu stránky page-content v závislosti na (ne)existenci page-header a page-footer?

Jde o pozici top a výšku height viz CSS pravidlo:

.page-content {
  position: fixed;
  top: 40px;
  left: 0;
  width: 100%;
  height: calc(100% - 80px);
  padding: 0.5em;
  background-color: yellow;
  overflow: scroll;
}

Celá ukázka je dostupná na repl.it