CSS calc() 函数中的 Sass 变量

$body_padding: 50px

body
    padding-top: $body_padding
    height: calc(100% - $body_padding)

body {
    padding-top: 50px;
    height: calc(100% - $body_padding);
}

body
    height: calc(100% - #{$body_padding})

body
    box-sizing: border-box
    height: 100%
    padding-top: $body_padding

Css相关问答推荐

网格自动-使用自动行-如何控制最后一行的高度？

如何提高数学输出的质量？

如何允许在bslb中 Select 输入重叠卡片？

添加Angular 17的Stackblitz项目的Angular material 主题？

更改MAT-FORM-FIELD的CSS，使其在有Angular 的HTML中显示为普通文本框

如何在Delphi的TMS Web Core上向窗体添加背景图像

媒体查询在生产中没有响应：React 18 应用程序

如何使用 tailwind css 修复滚动条始终位于底部？

CSS Select 器仅 Select 具有特定类名称的每行的第一个单元格

Django：Tailwind 样式不适用于具有小部件属性的模板变量

使用框架时样式冲突导致的 CSS 网格布局问题

在表格中隐藏绝对伪元素

将 CSS 注入 Shadow 根.然而风格正在受到影响

如何倾斜元素但保持文本正常(未倾斜)

Div Size 自动调整内容大小

虚拟键盘激活时的屏幕样式

为什么在 CSS3 中启用硬件加速会降低性能？

如何停止 setTimeout 循环？

CSS3可以转换字体大小吗？

模拟显示：React Native 中的内联