Skip to content

css利用calc()填充div

今天小艾在写css时候遇到一个问题。一个div0包含两个同行的div1和div2

div1是像素控制大小的,我想让div2自动铺满剩下的空间(小艾还是小白!所以没想起什么)然后通过某度查到了一个calc()来看看介绍

calc() 函数用于动态计算长度值。

需要注意的是,运算符前后都需要保留一个空格,例如:width: calc(100% - 10px);

任何长度值都可以使用calc()函数进行计算;

calc()函数支持 "+", "-", "*", "/" 运算;

calc()函数使用标准的数学运算优先级规则;

支持版本:CSS3

菜鸟教程

然后很简单解决了问题

width:calc(100% - 60px);