CSS技巧:使用calc()做算术_ Div+Css教程-查字典教程网
CSS技巧:使用calc()做算术
CSS技巧:使用calc()做算术
发布时间:2015-05-12 来源:查字典编辑
摘要:让我们来说说calc()功能。这个函数能让你执行简单的算术计算,例如计算元素的长宽,免去了你写不易维护的Javascript代码。这个函数支...

 让我们来说说calc()功能。这个函数能让你执行简单的算术计算,例如计算元素的长宽,免去了你写不易维护的Javascript代码。这个函数支持所有简单的基本算术运算,包括加减乘除。

比方说,你想创建一个元素,使它的宽度占满它的父元素,但还要留出一部分像素宽做其它用处:

.parent {

width: 100%;

border: solid black 1px;

position: relative;

}

.child {

;

left: 100px;

width: calc(90% - 100px);

background-color: #ff8;

text-align: center;

}

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新 Div+Css教程学习
    热门 Div+Css教程学习
    网页设计子分类