css:如何动态计算长度值

原创 2018年04月17日 14:23:47

不知道大家在写css长度单位时是否会遇到一个问题,可能给高度给的是100vh大小,这时候因为某个原因要减去100px大小,这时候就懵了,算不了啊!!!!! 怎么办啊!!!  别急,小编教你怎么做。


css3有一个新语法,对,本文的重点就是他,他就是 calc 它是calculator单词的缩写,是计算的意思。

我们可以这样计算这个高度  height: calc(100vh - 100px);  这样就可以啦


有一点很重要  运算符前后一定要保留一个空格哦

想了解的更详细,请百度搜索calc

CSS3之计算长度值------calc()

calc()的使用平时写CSS时候可能遇到宽度或者高度需要计算的情况,简单的时候,算算padding,margin就行了,单位或是px或是%。但是有时候需要复杂一点的,比如这次我需要计算(100vh ...
  • qq_20881087
  • qq_20881087
  • 2016-12-04 16:00:38
  • 627

实现能动态的改变css样式-场景

需求一: 比如某个表达元素在不同的状态需要展现不同的样子 确定前 确定后 错误提示 实现能动态的改变css属性值 angular方法 第一种:通过数据的双向绑定(不推荐) js: $sco...
  • sixteen_cicle
  • sixteen_cicle
  • 2017-05-02 16:06:38
  • 926

如何用js给css3中的属性和jquery中的animate动态传值

代码如下: .line{ width:400px; height:10px; trans
  • qq_25252769
  • qq_25252769
  • 2017-07-23 14:49:05
  • 614

06-4 sizeof相关

1、如果在作用域内,变量以数组形式声明,则可以使用sizeof求数组大小:int num[]={5,89,33,25,99};int len = sizeof(num)/sizeof(int);2、s...
  • dlp
  • dlp
  • 2018-03-09 10:59:00
  • 24

网页皮肤动态切换机制

必须分离:结构性css代码放到一个文件,皮肤性css代码,这个很容易判断:切换皮肤时,它要变吗?变就是皮肤性的,这么做的原因是,firefox在切换时,如果没有结构性css在页面中,它会进行一个这样的...
  • qidizi
  • qidizi
  • 2013-04-09 21:12:25
  • 1370

less动态样式语言CSS框架简介

简 介 LESS是一种由Alexis Sellier设计的动态层叠样式表语言,受Sass所影响,同时也影响了Sass的新语法:SCSS。 LESS是开源的,其第一个版本由Ruby写成,但在后续的版本...
  • qq_24122593
  • qq_24122593
  • 2016-12-21 15:07:01
  • 392

设置div高度等于动态宽度

项目中有时候会遇到这个问题:一行有3个div,希望这3个div平分屏幕宽度,并且高度等于宽度。 第一个问题:平分屏幕宽度 可以对div设置百分比宽度,而不是直接用px宽度,这里用到了响应式设计的思...
  • WeLoveSunFlower
  • WeLoveSunFlower
  • 2015-09-18 18:26:22
  • 6495

CSS动态滑动菜单CSS动态滑动菜单

  • 2008年10月05日 13:46
  • 2KB
  • 下载

loadrunner Web_类函数之web_save_param_length()

loadrunner Web_类函数之web_save_param_length()
  • testingstar
  • testingstar
  • 2017-09-25 23:02:04
  • 282

计算NSString 长度

将一个NSString类型字符串获取的长度转换成类似ASCII编码的长度,如汉字2个字节,英文以及符号1个字节这个功能。 由于使用[NSString length]方法调用获取的长度是一个中文和一个...
  • x1135768777
  • x1135768777
  • 2012-04-24 19:21:20
  • 6514
收藏助手
不良信息举报
您举报文章:css:如何动态计算长度值
举报原因:
原因补充:

(最多只允许输入30个字)