首页 > 其他分享 >calc() 计算的宽度设置之后没有生效

calc() 计算的宽度设置之后没有生效

时间:2022-09-01 12:11:49浏览次数:62  
标签:calc -- width 宽度 计算 生效 var sidebar

在计算的时候一定不要忘记加上单位,也不要忘记运算符之间要有空格。

下面是错误的例子:

.error {
  width: calc(var(--sidebar-width)-30);
}

下面是正确的例子:

.correct {
  width: calc(var(--sidebar-width) - 30px);
}

标签:calc,--,width,宽度,计算,生效,var,sidebar
From: https://www.cnblogs.com/Enziandom/p/16646067.html

相关文章

  • 记一次EF+Mysql所遇到的事务不生效的的坑
    业务场景:近期写的一个项目,整个项目采用的DDD(领域驱动)设计,所以刚开始设计的时候就将各个业务以聚合根的方式进行划分,以该业务场景为例,整体的业务简述为,当客户进行付款以后,......
  • @Transactional不生效的场景
    @Transactional概述@Transactional注解可以加在方法、类和接口上,加在类和接口上等于给类中的每个public方法都添加了@Transactional,在使用时尽量直接加在方法上。@Transac......
  • vue中render中src不生效问题解决
    在vue文件中写html代码的话可以直接用<imgsrc="xxx"/>但是在render中就不能正常工作。原理度娘上有,那render中要使用的话需要加requirerender<imgsrc={required(......
  • 662. 二叉树最大宽度
    题目描述给你一棵二叉树的根节点root,返回树的最大宽度。树的最大宽度是所有层中最大的宽度。每一层的宽度被定义为该层最左和最右的非空节点(即,两个端点)之间......
  • leetcode 227. Basic Calculator II 基本计算器 II(中等)
    一、题目大意给你一个字符串表达式s,请你实现一个基本计算器来计算并返回它的值。整数除法仅保留整数部分。你可以假设给定的表达式总是有效的。所有中间结果将在[-23......
  • .NET|--Winform|--Form的Size失效 宽度不能小于132
    解决方案最近在浏览帖子的时候无意间发现,把form的MinimumSize属性设为1,1后,可以把窗口设置最小到1,1的大小,也就可以解决这个问题了。个人猜测,系统中应该有设置窗口最小宽......
  • 关于vue的css样式对js动态添加的dom节点不生效问题的解决方法
    一、问题描述开发的时候免不了有时候需要向某个节点appendchild,添加子节点,但是如果是在vue中,就会发现通过操作dom的appendchild方式添加节点会出现样式对这些新增的节点......
  • 【重要】LeetCode 662. 二叉树最大宽度
    题目链接注意事项根据满二叉树的节点编号规则:若根节点编号为u,则其左子节点编号为u<<1,其右节点编号为u<<1|1。一个朴素的想法是:我们在DFS过程中使用两个哈希表......
  • 662. 二叉树最大宽度
    662.二叉树最大宽度给你一棵二叉树的根节点root,返回树的最大宽度。树的最大宽度是所有层中最大的宽度。每一层的宽度被定义为该层最左和最右的非空节点......
  • SpringBoot集成thymeleaf不生效问题
    场景:在做springBoot整合Theamleaf时,用了@RestController注解,在进行试图渲染的过程中,遇到试图没有渲染成功,找到了原因,记录一下。 第一种情况:使用@RestController注解pac......