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用于动态计算长度值。

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

转载于:https://www.cnblogs.com/phpyangbo/p/8412597.html

CSS，让100%的宽度，自动减10，让100%的高度，自动减10，可以加减乘除相关推荐

CSS根据屏幕分辨率宽度自动适应的办法
CSS根据屏幕分辨率宽度自动适应的办法第一种办法是JS选择CSS <SCRIPT language=javascript> <!-- Begin if (screen.width ...
html设置背景图片高度自适应屏幕,CSS设置背景图宽度100%，高度自适应
div的高度随背景图片的高度变化: 原理是通过padding-top或者padding-bottom实现,值是背景图片的宽高比.高度设置为0..newcenter{ width: 100 ...
python 10个100以内随机整数编辑_Python语法整理
刹客网络科技资讯点击右侧关注,最新科技资讯! 了解 python 1. 了解 Python Python 是一种解释型(这意味着开发过程中没有了编译这个环节).面向对象(支持面向对象的风格或 ...
python 10个100以内随机整数编辑_Python基础语法合集（转自CSDN）
了解python 1. 了解Python Python是一种解释型(这意味着开发过程中没有了编译这个环节).面向对象(支持面向对象的风格或代码封装在对象的编程技术).动态数据类型的交互式(可在命令行中 ...
textarea宽度、高度自动适应处理方法
textarea自动高度 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http: ...
css按钮居中_你不一定知道的CSS最小和最大(宽度/高度)知识点及优缺点
通常,我们希望限制元素相对于其父元素的宽度,同时使其具有动态性.因此,有一个基础宽度或高度的能力,使其扩展的基础上,可用的空间.比如说,我们有一个按钮,它的宽度应该是最小的,不应该低于它的宽度.这就是 ...
网页通过CSS写出生日倒计时（利用：日期倒计时、元素自动旋转、边框视觉按钮效果）[直接复制代码即可实现、含注释]
图片效果 ↓(代码为粉图,生日歌自动播放) 视频效果 ↓(音乐为自动播放) 网页通过CSS写出生日倒计时(利用:日期倒计时.元素自动旋转.边框视觉按钮效果) 代码 ↓(可直接复制使用,音乐引用网易云音 ...
html盒子宽高,css盒子模型之宽度和高度
盒子模型的宽度width高度height;宽度和高度的单位px像素,使用%动态计算(自适应和响应式) HTML代码 *lt;div class="pag1">*lt;/div ...
CSS实现自适应浏览器宽度的正方形
2019独角兽企业重金招聘Python工程师标准>>> CSS实现自适应浏览器宽度的正方形有以下三种方法: 1.方案一:CSS3 vw 单位 CSS3 中新增了一组相对于可视区域百分 ...

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

CSS，让100%的宽度，自动减10，让100%的高度，自动减10，可以加减乘除相关推荐

最新文章

热门文章