calc()
来源:互联网 发布:清华大学网络学堂外网 编辑:程序博客网 时间:2024/05/15 11:09
calc() = calc(四则运算) ,属于css属性,能实现自适应的布局,用于动态计算长度值。
如果一个盒子宽度为100%的话,若再在其中加入padding或margin等属性时,都会把盒子撑破,这个时候,用calc()属性解决起来就相对比较容易了。
如果元素宽度为100%时,其自身不带其他盒模型属性设置还好,要是有别的,那将导致盒子撑破。比如说,有一个边框,或者说有margin和padding,这些都会让你的盒子撑破。我们换句话来说,如果你的元素宽度是100%时,只要你在元素中添加了border,padding,margin任何一值,都将会把元素盒子撑破(标准模式下,除IE怪异模式)著作权归作者所有。
商业转载请联系作者获得授权,非商业转载请注明出处。
原文: http://www.w3cplus.com/css3/how-to-use-css3-calc-function.html © w3cplus.com
商业转载请联系作者获得授权,非商业转载请注明出处。
原文: http://www.w3cplus.com/css3/how-to-use-css3-calc-function.html © w3cplus.com
说明:
- 需要注意的是,运算符前后都需要保留一个空格,例如:
width: calc(100% - 10px)
; - 任何长度值都可以使用calc()函数进行计算;
- calc()函数支持 "+", "-", "*", "/" 运算;
- calc()函数使用标准的数学运算优先级规则;
兼容性:
阅读全文
1 0
- calc
- Calc
- calc()
- calc.exe
- 10calc
- Calc计算器
- calc常用
- 2506: calc
- 简易calc
- extremedb--calc
- 【BZOJ2506】calc
- bzoj2671: Calc
- BZOJ2671: Calc
- BZOJ2506 calc
- 2655: calc
- 2506: calc
- 2655: calc
- [bzoj2655] calc
- StringUtils.isEmpty和StringUtils.isBlank用法和区别
- setCapture和releaseCapture
- 如何在微信号限制加群后实现精准吸粉?
- jmeter java请求
- NoClassDefFoundError和ClassNotFoundException区别
- calc()
- 基于ubuntu vmware 的windows虚拟机不能上网的解决方法
- Activity和fragment之间传递数据(一)
- C#编程入门5_循环
- Easy APNs Provider
- 最大正方形-LintCode
- css阴影效果
- 小之的架构之路——Android MVVM 面向接口型框架封装和单元测试
- Xcode9 打包提交注意事项