相关疑难解决方法(0)

我了解了CSS函数calc()及其真棒.我尝试使用它像:

#abc{width:calc(100%-20px)}

但是这个功能的问题在于它不起作用.我测试了这个代码IE9和Safari,它没有用.

为什么不起作用？

试试这个：

const styledDiv = styled.div`
  ${props => props.takeViewportHeight && `min-height: calc(100vh-16px);`}
`

它不起作用。我是否在样式组件中遗漏了有关 calc 的内容？

我四处寻找答案，但找不到任何有用的信息。我正在尝试将topCSS 中元素的属性设置为max(0, 120vh - 271px). 我已经尝试了几种变体：

• top: max(0, 120vh - 271px);
• top: max(0, (120vh - 271px));
• top: max(0, calc(120vh - 271px));

我的语法有问题吗？我一直让 Chrome 告诉我这是一个无效的属性错误。

在实践中，我实际上使用 CSS 变量来表示数字。所以120vh实际上是var(--height)或类似的东西。当我使用 CSS 变量时，该行没有做任何事情。它不应用样式，我没有收到任何警告。我在这里做错了什么？

我正在使用最新版本的 Chrome（我相信是 83），所以应该支持它。