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>