Blazor css не учитывает вычисление высоты (100%); ⇐ C#

[Anonymous]

Это вопрос: ПОЧЕМУ BLAZOR работает по-другому.
НЕ как сделать элемент высотой 100%.
EDITUPDATE: то же самое CSS-руководство закодированный в HTML-файл, работает по желанию. Тот же CSS в Blazor этого не делает.
У меня есть тестовая HTML-страница, на которой отображается элемент div во всю высоту.
Но применительно к blazor CSS не работает. Я не могу найти документацию, объясняющую такое поведение.
Похоже, что Calc(100%) не работает в blazor.

Код: Выделить всё

body {
color: rgb(170, 170, 170);
background-color: rgb(0, 0, 0);
font-family: Georgia, 'Times New Roman', Times, serif;
}
.container {
height: calc(100%);
background-color: red;
margin: 0;
padding: 0;
}



container

HTML-код, написанный вручную



MainLayout.razor

Код: Выделить всё

@inherits LayoutComponentBase

container

app.css

Код: Выделить всё

body {
color: rgb(170, 170, 170);
background-color: rgb(0, 0, 0);
font-family: Georgia, 'Times New Roman', Times, serif;
}

.container {
height: calc(100%);
background-color: red;
margin: 0;
padding: 0;
}

Приложение Blazor



Подробнее здесь: https://stackoverflow.com/questions/785 ... ht-calc100