如何在浏览器中修复容器压缩（不占用可用空间）

Question

我正在尝试在我的主页中显示一个网页。提供的导航链接可以正常工作，但是页面未占用可用空间。它被压缩到一定高度，并且在该高度内处于可滚动视图中。

我增加了高度：-webkit-fill-available;并且有效，并且类似地为mozilla添加了-moz，但似乎不是真正的解决方案。我可以通过更改弹性条件来解决此问题吗？

我正在使用以下样式

        var client = _factory
            .WithWebHostBuilder(builder => builder.UseSolutionRelativeContentRoot("relative/path/of/project/under/test"))
            .CreateClient();

预期： 网页必须显示完整，而不是显示在高度已压缩的容器中

Answer 1

我不知道它是否可以解决您的问题，但似乎您正在使用flexbox，在这种情况下，您可以使用align-items: stretch来拉伸flex项目。