CSS 100vh 不占用整个视口

Question

我需要有关我的 css 的帮助。 我希望背景使用 100vh 占据整个视口，但它不起作用。 视口的元标记已经包含在内。 盒子尺寸也已经设置好了。 当我尝试使用 chrome dev 工具检查页面时，似乎没有边距或填充来创建下面的空间。 顺便说一句，我正在使用布尔玛 CSS。

<section class="section is-paddingless>
    <div class="columns is-vcentered has-background-primary" style="height: 100vh">
       <div class="column is-4 is-flex">
          <div class="container">Sample text</div>
       </div> 
    </div>
</section>

Answer 1

A. section 类属性缺少引号 " 。将其从： <section class="section is-paddingless>为： <section class="section is-paddingless">

B. 将is-marginless类添加到该部分的子 div。

最终的html：

<section class="section is-paddingless">
    <div class="columns is-vcentered has-background-primary is-marginless" style="height: 100vh">
       <div class="column is-4 is-flex">
          <div class="container">Sample text</div>
       </div> 
    </div>
  </section>