如何在顺风CSS中使用calc()?

我有这个 html:

  <div>
    <div></div>
    <div></div>
  </div>

我已将 .navBar 的高度设置为 h-7。现在我想将 .content-container 的高度设置为 100vh-(h-7)。

我如何使用 calc() 来设置它?

回答

主题()

使用该theme()函数通过点表示法访问您的 Tailwind 配置值。

@apply当您只想为声明的一部分引用主题配置中的值时,这可能是一个有用的替代方法:

.content-container {
  height: calc(100vh - theme('spacing.7'));
}


以上是如何在顺风CSS中使用calc()?的全部内容。
THE END
分享
二维码
< <上一篇
下一篇>>