4 ms·
You can! :root { --header-height: 5em; --container-height: 25em; --other-height: 2.5em; } div { height: calc(var(--container-height) - v
by kaishiro 7y ago
You can!
:root {
--header-height: 5em;
--container-height: 25em;
--other-height: 2.5em;
}
div {
height: calc(var(--container-height) - var(--header-height) + (var(--other-height)*2));
}
- amelius 7y agoBut this example uses static sizes, unlike the sticky footer problem of the article (where e.g. the window can be resized by the user). Can CSS calc() be used with dynamic widths or heights of other elements?