分享生活

css利用calc()填充div

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

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

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

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

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

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

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

支持版本:CSS3

菜鸟教程

然后很简单解决了问题

width:calc(100% - 60px);

赞(1)
未经允许不得转载:小艾同学-分享技术记录生活 » css利用calc()填充div

吐槽(´。✪ω✪。`) 2

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #0

    。。。

    小艾7个月前 (04-02)回复
  2. #0

    哦豁

    竹子7个月前 (03-30)回复