BootStrapBlazor升级导致的div高度100%失效的解决

仅做为记录，在BootStrapBlazor版本为8.3.10及以前时，组件中最外层div设置高度为100%时，可以获取到正常的高度，在里面的两个div中，一个设置固定的高度，另一个采用绝对定位，不设置高度，便可以实现充满浏览器全屏的功能，固定高度的div用于查询增加之类的文本框和按钮，绝对定位的div用于放一个显示查询结果的表格组件。

但是不能升级，如果升级到新版本后，最外层的div高度为100%时就无效，只会显示最小的高度，只关注里面的div部分即可，示例代码下：

这个示例代码本身没有问题，也不需要修改，网上找了找原因，说是需要对外层的body、html设置高度后才可以。

对于Blazor页面来说，它的外层就是默认的那个模版文件，那我们在模版文件中设置好外层元素的高就可以了，结果发现设置了body、html后不起作用，只能按F12键审查网页元素，看一下页面的上一层元素叫什么。

发现它的外层div的类名是tabs-body-content，那就直接在模板文件中设置这个的高度为100%，试一下效果

.tabs-body-content
{
    height:100%;
    margin:0;
}

增加上这段样式文件后，发现界面布局又恢复正常了，可以给Div加上颜色来查看它的实际大小，刚开始还以为是里面的那个绝对定位的div失效导致的了，折腾了好久。