CSS 宽高度百分比数减去固定像素值的办法(calc 动态计算)
阅读数:188 评论数:0
跳转到新版页面分类
html/css/js
正文
height:calc(100% - 20px);
calc函数可以进行“加、减、乘、除”，可以在lenght、frequency、angle、time、percentage、number、integer之间进行计算。
加法和减法的运算符号两边必须有空格,例如:calc(50% - 8px)
乘法:两个值之间必须有一个为数字
除法:左边必须为数字
相关推荐
一、概述
CSS3中新增的一个函数，calculate（计算）的缩写。用于动态计算宽/高，你可以使用calc()给元素的各个属性设置值【margin、border、padding、font-size】
一、概述
overflow属性用于当一个元素太大而无法适应父级窗口的大小时行为。具体又可以分为：
overflow-x 属性规定是否对内容的左/右边缘进行裁剪 - 如果溢出元素内容区域的话。
over
一、概述
background是css简写属性，可有一个或多个值，且可以按任意顺序放置：
background:
<bg-color>
<bg-image>
<position/bg-size>
Less是一个CSS的超集，Less允许我们定义变量，使用嵌套式声明，定义函数等。严格说Less包含两部分：（1）Less的语法 （2）Less预处理器。浏览器终究只认识CSS，所以Less文件