计算盒子宽度calc函数

CSS3 calc函数

calc() 此css函数让你在声明css属性值时执行一些计算。

width: calc(100%-80px);

括号里面可以使用+ – * /(加减乘除)来进行计算。

实际运用:

需求是我们的子盒子宽度永远比父盒子小30像素。写法:

.father {
         width: 300px;
         height: 200px;
}

.son {
      width: calc(100%-30px);
      height: 200px;
}

版权声明:本文为本站原创文章,由37.2℃发表,转载请注明出处,保留一切权利!

转载请注明:转载于37.2度云笔记

发表评论

您的电子邮箱地址不会被公开。

微信
通知:站点改版中,敬请期待