Visual Studio或(可能)Razor中的flex-grow-1行为不一致

Question

我在codeply中测试了以下样式，它按照Bootstrap的文档工作，但当我将此代码移动到Razor组件(Blazor(时。柔性绿色-1根本不起作用。

我打开bootstrap.min.css，它说是4.3.1，所以从技术上讲，我有我需要的一切。Blazor服务器是否覆盖了引导程序布局？

<div class="container-fluid p-0 d-flex flex-column h-100">
<div class="navbar">
<label class="navbar-brand">MAP</label>
</div>
<div class="content flex-grow-1" style="background-color:yellow">
hello
</div>

Answer 1

我把h-100改为min-vh-100，它能工作。。。尽管双方都对这一变化表示不满。