Bulma CSS全高内容

我正在使用（在一个Laravel应用程序中）作为我选择的CSS框架，我正在尝试在我的页面中实现一个全高的内容，但我无法做到这一点

我在这里使用英雄元素是因为我喜欢布局，下面是代码：

<section class="hero is-info is-fullheight is-bold">

    @include('partials/header')

    <div class="hero-body">
        <div class="container">
            <div class="box">
                test test
            </div>
        </div>
    </div>

    @include('partials/footer')

</section>

@包括（'部分/标题'）
测试
@包括（'partials/footer'）

我希望箱子的高度为集装箱高度的100%，但是

高度：100%

在这里没有任何作用。这是我的最终结果，红色是我想要的结果：

---

我正在构建一个聊天应用程序，因此我对

框
元素的想法是将其作为一种容器，在其中我可以堆叠聊天气泡并查看对话。
添加类
是您的
的全高度吗？已经尝试过了…它没有任何作用。此外，容器需要首先拉伸，将其添加到容器中也没有帮助，因此我假设需要定制一些东西，如doneUse
height:100vh是否为全高
类，代码>而不是
100%
？你能做一支密码笔或是什么玩儿的吗？另外，请确保您的
为全高将class
为全高添加到您的
？已经尝试过了…它没有任何作用。此外，容器需要首先拉伸，将其添加到容器中也没有帮助，因此我假设需要定制一些东西，如doneUse
height:100vh是否为全高
类，代码>而不是
100%
？你能做一支密码笔或是什么玩儿的吗？还请确保您的
是完全高度