У любого документа есть два контейнера верхнего уровня. Если им установить свойства отступов и размеров, то вложенные контейнеры будут туда вписываться соответственно..
html, body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}
Затем вписываешь
#content {
background-color: rgba(0,0,0);
color: rgba(255,255,255);
height: 100%;
}
и он растягивается на весь остаток контейнера верхнего уровня, независимо от содержания.
Получается именно то что тебе надо, как там:
https://local-disc.firebaseapp.com/menu/articles/HashRouter.html#/main