zoukankan      html  css  js  c++  java
  • CSS,让100%的宽度,自动减10,让100%的高度,自动减10,可以加减乘除

    CSS,让100%的宽度,自动减10,让100%的高度,自动减10,可以加减乘除

    实例:

    .add{
        width: calc(100% - 10px);
        height: calc(100% - 10px);
    }
    .main{
        width: calc(100% - 10px - 10px);
        height: calc(500px - 10px -50px);
    }

    注意,减号,左右必须打空格,否则不生效。

    calc用于动态计算长度值。

    需要注意的是,运算符前后都需要保留一个空格,例如: calc(100% - 10px);
    任何长度值都可以使用calc()函数进行计算;
    calc()函数支持 "+", "-", "*", "/" 运算;
    calc()函数使用标准的数学运算优先级规则;

  • 相关阅读:
    Title
    Title
    Title
    Title
    Python生成随机验证码
    Time模块和datetime模块
    For循环的实质
    Python函数
    集合set
    字符串内置方法的使用
  • 原文地址:https://www.cnblogs.com/phpyangbo/p/8412597.html
Copyright © 2011-2022 走看看